Sang SEO Kang Mousir

DOWNLOAD

Penjelasan Fitur

Template ini merupakan template buatan Kang Mousir, yang saya suka dari template ini adalah fitur fitur yang bagus, langsung saja dilihat

1. Fast Loading

Fast loading sangat penting bagi sebuah template, jika loadingnya tidak cepat, maka pengunjung bisa saja berkurang, ini buktinya kalau template Kang Mousir fast loading

2. Valid Author Rich Snippet

Dengan adanya Valid Author Rich Snippet, maka profil anda akan masuk di mesin pencari google ( jika blog kalian terindeks )

3. Webmaster Structured Data

Fitur ini ditambahkan untuk melengkapi fitur SEO

Fitur Lengkap

Yang diatas tadi merupakan beberapa fitur dengan penjelasan, dibawah ini merupakan daftar fitur lengkapnya.

Responsive 100%
Valid HTML5
Valid CSS3
Valid Author Rich Snippet
SEO Friendly
User Friendly
Fast Loading
Webmaster Structured Data
Auto Readmore
Related Post
Threaded Comment
Breadcrumb
Dan masih banyak lagi...

Pengaturan

Setelah template ini dipasang, ada beberapa pengaturan yang bisa kalian lakukan.

1. Ganti ID dan Nama

Silahkan carilah kode seperti ini.

<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 ditandai berikut

2. Meta Tag

Untuk mengaktifkan Meta Tag, ikuti langkah berikut ini.

Masuk ke Blogger ~> Setelan
Pilih Preferensi Penelusuran
Pilih Meta Tag ~> Deskripsi
Isi dengan deskripsi blog
Simpan

3. Nonaktifkan Template Seluler

Masuk Setelan
Pilih Template
Klik icon Setting pada "Seluler"
Pilih Tidak. Tampilkan template seluler di perangkat seluler.
Simpan

4. Social Media di Menu

Cari kode seperti dibawah ini

<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>

Gantilah yang bertanda "#" dengan link social medianya masing masing

5. Menu Dropdown

Silahkan cari kode berikut

<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>

Gantilah yang bertanda "#" dengan link yang kalian inginkan, dan ganti "About, Contact, Static Page, dll" dengan deskripsi yang kalian inginkan

6. Memasang Recent Post by Tags

Tambahkan widget HTML/Javascript pada widget kalian, lalu masukan kode berikut

<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>

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

RuleShare

Sang SEO Kang Mousir Blogger Template