02/07/14

Free Sang SEO Responsive

Free Template Responsive Seo Friendy Valid HTML5
Free Sang SEO Responsive

Template yang akan saya bagikan sekarang adalah buatan Kang Mousir, Free Sang SEO Responsive sesuai dengan namanya, template ini sangatlah fast loading dan juga responsive, selain itu template ini cocok untuk adsense, lebih kerennya template ini dibagikan secara gratis oleh sang designernya, keren bukan. Baiklah untuk fitur dan cara pengaturannya silahkan simak step by step dibawah ini.

Designer Tempalate


  • Name         : Sang SEO Responsive Blogger Template
  • Author        : Kang Mousir
  • URL           : http://kang-mousir.blogspot.com
  • Date           : 09 Mei 2014
  • Version       : 2.0
  • Publisher     : http://tangerang-template.blogspot.com

Fitur Template


  1. 100% Responsive - Cek
  2. Valid HTML5 ( All Page ) - Cek
  3. Valid CSS3 ( All Page ) - Cek
  4. Valid Author Rich Snippet - Cek
  5. Valid Author Rich Snippet
  6. SEO Friendly - Cek
  7. User Friendly
  8. Fast Loading
  9. Fast Loading
  10. Webmaster Structured Data
  11. Webmaster Structured Data
  12. Clean Design
  13. HCard Author and Update ( Home Page, Post Page and Satic Page )
  14. Auto Readmore
  15. Breadcrumbs
  16. Related Posts
  17. Cool Threaded Comment
  18. Share Button
  19. Page Navigation
  20. Custom Error Page
  21. Custom Deleted Comment
  22. Custom Navigation In Post Page
  23. Custom Popular Post
  24. Custom Label
  25. Full Title Tag
  26. Ads Ready
  27. Dropdown Menu
  28. Search button
  29. Back Top Top Button
  30. Recent Post By Tag
  31. Navigation Menu With Social Icon
  32. And more.

Pengaturan Template

Setelah anda memasang template ini diblog, ada beberapa hal yang harus anda sesuaikan dan anda ganti, silahkan simak dibawah ini.

1. Ganti ID dan Nama 

Silakan Anda cari kode dibawah ini pada template ini dan ganti sesuai instruksi yang ada.
<meta content='ID Google Webmaster Verfikasi' name='google-site-verification'/>
<meta content='ID Bing Verification' name='msvalidate.01'/>
<meta content='ID Alexa Verification' name='alexaVerifyID'/>
<link href='https://plus.google.com/ID Google Plus/posts' rel='publisher'/>
<link href='https://plus.google.com/ID Google Plus/about' rel='author'/>
<link href='https://plus.google.com/ID Google Plus' rel='me'/>
<meta content='Nama Author' name='Author'/>
<meta content='ID Facebook' property='fb:admins'/>

*Perhatikan kode yang di tandai, silakan anda ganti kode tersebut.

 2. Meta Tag
Sebelum memasang Meta Tag silakan Anda aktifkan Meta Tag pada Setelan.

  • Masuk ke blogger dan pilih Setelan
  • Pilih Preferensi Penelusuran
  • Kemudian pilih Meta Tag > Deskripsi
  • Silakan Anda isi dengan deskripsi blog yang di inginkan
  • Simpan
Untuk mengisi Meta Tag pada postingan silakan anda ikuti cara dibawah ini.
  • Buat Postingan
  • Lihat sebelah kanan ada menu Deskripsi Penelusuran, silakan Anda klik dan isi dengan deskripsi yang di inginkan.
  • Selesai
3. Nonaktifkan Mobile Version
Silakan Anda matikan fitur mobile pada template ini, agar fitur responsive bekerja pada perangkat mobile.
  • Masuk ke Setelan
  • Pilih Template
  • Klik Icon Gerigi pada Seluler
  • Pilih Tidak. Tampilkan template seluler di perangkat seluler.
  • Simpan
4. Navigation Menu With Social Icon
Silakan cari kode dibawah ini dan ganti linknya.


<nav class='menus'>
<ul class='nav-menus'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li>
</ul>
<div id='social-list'>
<ul class='socmed'>
<li><a class='facebook' href='#' title='Facebook'>Facebook</a></li>
<li><a class='twitter' href='#' title='Twitter'>Twitter</a></li>
<li><a class='plus' href='#' title='Google Plus'>Google Plus</a></li>
<li><a class='linkedin' href='#' title='Linkedin'>Linkedin</a></li>
<li><a class='pinterest' href='#' title='Pinterest'>Pinterest</a></li>
<li><a class='youtube' href='#' title='YouTube'>YouTube</a></li>
<li><a class='rss' href='#' title='RSS Feed'>RSS</a></li>
</ul>
</div>
</nav>

5. Dropdown Menu

Silakan cari pada template ini dan ganti link yang tertera sesuai yang Anda inginkan


<div id='navitions'>
<div class='isi'>
<nav class='navix' id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<div id='searching'>
<form action='/search' id='search-buttons' method='get'>
<input name='q' placeholder='Search...' type='text'/><input id='search-button-top' type='submit' value=''/></form>
</div>
<a href='#' id='mobilenav'>Select Menu</a>
<ul class='menu' id='menunav'>
<li><a class='home' href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='/p/about.html'>Static Page</a></li>
<li><a href='#'>With Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
  <li><a href='/error.html'>Error 404</a></li>
</ul>
<script type='text/javascript'>
//<![CDATA[
menunav (jQuery);
//]]>
</script>
</nav>
</div></div>

6. Memasang Recent Post By Tag

Tambahkan kode dibawah ini pada widget Anda.


<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var showpostdate = true;</script> 
<script type="text/javascript" src="/feeds/posts/default/-/LABELANDA?orderby=updated&amp;alt=json-in-script&amp;callback=rcentbytag"></script>

KodeDeskripsi
var numpostsIsi dengan jumlah artikel yang ingin ditampilkan
var showpostthumbnailsPilih true bila ingin menampilkan gambar dan pilih false untuk menghilangkan gambar
var showpostdatePilih true untuk menampilkan tanggal dan pilih false untuk menghilangkan tanggal
/feeds/posts/default/-/LABELANDASilakan ganti label LABELANDA dengan label yang Anda maksud

7. Validasi HTML5 Widget


Silahkan cari kode <b:include name='quickedit'/> pada template lalu hapus agar blog valid HTML5.

8. Selesai



Template ini di bagikan secara gratis, Anda bisa menghilangkan Credit pada footer dengan membayar sebesar Rp. 50.000 atau 5$.Bila berminat silakan hubungi Kang Mousir melalui halaman Contact.

Special : Selain menghilangkan Credit, ada fitur baru seperti :
- Related Post With Image
- Protect Comment ( SPAM )
- Facebook Comment
- Added Footer



JUDUL : Free Sang SEO Responsive.
Untuk REPOST atau COPAS, silahkan CopyPaste link berikut, sebagai sumber:
http://tangerang-template.blogspot.com/2014/07/free-sang-seo-responsive.html
Untuk berlangganan silahkan isi alamat email anda atau follow kami.


Tambahkan komentar Top Member

BERIKAN KOMENTAR TERBAIK ANDA !!!
Berkomentar dengan sopan.
* No Spam
* No Live Link
* No Promo dalam bentuk apapun.

Konversi Kode Join Now

Terima kasih telah berkomentar