Sang SEO Kang Mousir Blogger Template


Sang SEO Responsive Blogger Template
Sang SEO Kang Mousir

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 

Page Speed GTMetrix2. Valid Author Rich Snippet


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


Valid Author Rich Snippet








 3. Webmaster Structured Data


Fitur ini ditambahkan untuk melengkapi fitur SEO
Struktur Webmaster















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 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/-/SuksesSilakan ganti label Sukses dengan label yang Anda maksud

Back To Top