Download Sang SEO Responsive Blogger Template

Susah dalam memilih template blog SEO ? kali ini saya memberikan template Super SEO 2014 Terbaru sebut saja namanya Sang SEO merupakan template blog super SEO yang membuat blog baru atau blog anda menjadi lebih di kenal mesin pencarian . Masih banyak fitur lainnya yang harus anda ketahui sebelum mendownload template ini. Berikut Template dan Beberapa Fitur yang ada di dalamnya :

 

DOWNLOAD

• DEMO
• DOWNLOAD

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. SEO Friendly - Cek
6. User Friendly
7. Fast Loading
8. Webmaster Structured Data
9. Clean Design
10. HCard Author and Update ( Home Page, Post Page and Satic Page )
11. Auto Readmore
12. Breadcrumbs
13. Related Posts
14. Cool Threaded Comment
15. Share Button
16. Page Navigation
17. Custom Error Page
18. Custom Deleted Comment
19. Custom Navigation In Post Page
20. Custom Popular Post
21. Custom Label
22. Full Title Tag
23. Ads Ready
24. Dropdown Menu - new
25. Search button - new
26. Back Top Top Button - new
27. Recent Post By Tag - new
28. Navigation Menu With Social Icon - new
29. And more.

Pengaturan

Setelah Anda memasang template ini ada beberapa hal yang harus di sesuaikan, oleh karena itu silakan disimak.

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 Saya 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/-/Sukses?orderby=updated&amp;alt=json-in-script&amp;callback=rcentbytag"></script>

Kode	Deskripsi
var numposts	Isi dengan jumlah artikel yang ingin ditampilkan
var showpostthumbnails	Pilih true bila ingin menampilkan gambar dan pilih false untuk menghilangkan gambar
var showpostdate	Pilih true untuk menampilkan tanggal dan pilih false untuk menghilangkan tanggal
/feeds/posts/default/-/Sukses	Silakan ganti label Sukses dengan label yang Anda maksud

7. Validasi HTML5 Widget

Silakan cari kode <b:include name='quickedit'/> pada template dan hapus agar blog Anda valid HTML5

Itulah pengaturan pada template ini agar fitur pada template ini benar - benar bekerja

Changelog

V1.00 - 16 Mei 2014 18:30 WIB
- Rilis perdana

V1.10 - 16 Mei 2014 19:54 WIB
- Fixed bug responsive menu

V2 - 23 Mei 2014
- Fixed design
- New design error page
- New font
- Added menu with social icon
- Added dropdown menu
- Added search button
- Added recent post by tag
- Added back to top button

V2.10 - 24 Mei 2014
- Fixed bug Error page