Sang SEO Responsive Blogger Template

Oleh Achmad Arifandi

Sunday, July 3, 2016

Bagikan :

Tweet

Sang SEO Responsive Blogger Template

DEMO || DOWNLOAD

Informasi:

Template Name : Sang SEO Responsive Blogger Template

Flatform Type : Blogger

Author Name : Kang Mousir

Release Date : 16 Mei 2014, 18:30 WIB

Siapa yang belum kenal template dari Kang Mousir ini, template ini bernama Sang SEO, template ini juga saya gunakan pada blog ini. Template ini juga cocok untuk Adsense, kualitas template ini sudah tidak diragukan lagi, dijamin SEO sesuai dengan namanya Sang SEO Responsive Blogger Template.

Langsung saja kita liat fitur apa saja yang ada dalam template Sang SEO Responsive Blogger Template ini.

• 100% Responsive - Cek
• Valid HTML5 ( All Page ) - Cek
• Valid CSS3 ( All Page ) - Cek
• Valid Author Rich Snippet - Cek
• SEO Friendly - Cek
• User Friendly
• Fast Loading
• Webmaster Structured Data
• Clean Design
• HCard Author and Update ( Home Page, Post Page and Satic Page )
• Auto Readmore
• Breadcrumbs
• Related Posts
• Cool Threaded Comment
• Share Button
• Page Navigation
• Custom Error Page
• Custom Deleted Comment
• Custom Navigation In Post Page
• Custom Popular Post
• Custom Label
• Full Title Tag
• Ads Ready
• Dropdown Menu - new
• Search button - new
• Back Top Top Button - new
• Recent Post By Tag - new
• Navigation Menu With Social Icon - new
• And more.

Oke, kalau begitu setelah kalian memasang template ini pada blog kalian, tentu kalian harus setting template itu terlebih dahulu. Berikut Pengaturan template Sang SEO Responsive Blogger Template yang harus kalian ikuti.

PENGATURAN

1. Ganti ID dan Nama

Silahkan kalian cari kode dibawah ini pada template ini dan ganti sesuai dengan 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'/>

Ganti kode yang sudah saya tandai.

2. Meta Tag
Sebelum kalian memasang Meta Tag, kalian harus mengaktifkannya terlebih dahulu.

1. Masuk ke blogger dan pilih Setelan.
2. Pilih Preferensi Penelusuran.
3. Setelah itu pilih Meta Tag > Deskripsi.
4. Isi deskripsi blog yang kalian inginkan.
5. Simpan.

Untuk mengisi Meta Tag pada postingan, silahkan ikuti langkah dibawah ini

1. Buat sebuah Artikel.
2. Lihat di menu Setelan Entri di sebelah kanan, pilih Deskripsi Penelusuran, silahkan anda isi dengan deskripsi yang kalian inginkan.
3. Selesai.

3. Non-Aktifkan Mobile Version

Kenapa kalian harus nonaktifkan mobile version? Supaya fitur Responsive bawaan template ini bekerja dengan baik.

1. Masuk ke Setelan.
2. Pilih Template.
3. Klik Icon Gerigi pada Seluler.
4. Pilih Tidak. Tampilkan template seluler di perangkat seluler.
5. Simpan.

4. Navigation Menu With Social Icon

Silahkan cari kode dibawah ini dan ganti # sesuai dengan link yang kalian inginkan.

<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
Silahkan cari kode dibawah ini dan ganti Link sesuai dengan yang kalian 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 widget berikut ditemplate kalian, jika perlu.

<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
Silahkan cari code <b:include name='quickedit'/> pada template dan hapus kode tersebut agarr blog kalian Valid HTML5.

*Note : Dilarang menghapus credit template ini!

Cukup sekian dari saya, mungkin pengaturan diatas sudah lengkap untuk membuat template ini benar-benar bekerja dengan baik.

Tag : Template