Light Fast Blogger Template - SEO Ready

Light Fast Blogger Template - SEO Ready - oke pada postingan kali ini yaitu template karya Luhur Fatah, denger-denger sih dia baru memasuki remaja, umurnya 13 tahun kalo tidak salah o.O. oke, walaupun umurnya baru 13 tahun, tapi dia sudah sangat berbakat, dia sudah mempunyai beberapa template yang dia design, diantaranya :
Faster Style 
Template SEO Friendly Luhur Fatah Style
Template Faster Style Versi Terbaru
dan Light Fast Blogger Template - SEO Ready

About this template :
Template ini adalah template yang luhur buat dengan susah payah, maklum belum terlalu mahir, jadi ya masih susah payah, kalau  sudah mahir mungkin sudah tidak susah payah lagi, hehehe.

Saran saya :
oke buat kalian yang udah template ini, tolong hargailah pembuat nya dengan tidak menghapus link credit di footer

Oke berikut fiturnya :

• SEO Ready
• Elegant
• Light
• Simple
• Breadcumbs (Terindex oleh SE)
• Permalink
• Related Post (Artikel Terkait)
• Auto Readmore
• Menu Drop Down
• Share Widget (G+)
• Custom Widget Blogger

Template ini memiliki banyak fitur fitur menarik, seperti Menu Drop Down, Widget Share Google Plus, dan beberapa cumtom widget blogger, seperti label cloud dan lain lain, Kekurangan dari template ini adalah masih ada beberapa widget blogger yang belum rapi, seperti populer post dll. oke ini dia template Light Fastz besertta pilihan warnanya.

1. Biru

DEMO DOWNLOAD

2. Merah

DEMO  DOWNLOAD

3. Hijau

DEMO DOWNLOAD

4. Merah Muda

DEMO DOWNLOAD

5. Ungu

DEMO DOWNLOAD

Untuk Mendownload semua template di atas bisa klik link berikut :

DOWNLOAD

Cara Pengeditan ( Menu, Meta Tag dll )

Meta Tag :

<meta content='KEYWORD BLOG ANDA' name='keywords'/>

Ganti KeyWordmu dengan keyword blog sobat, contoh Tutorial Blog, SEO, dan Tips Trik Blogging

<link href='http://URLMU/feeds/posts/default' rel='alternate' title='RSS Feeds' type='application/atom+xml'/>

Ganti http://URLMU/ dengan alamat blog sobat, contoh http://sch-xp.blogspot.com/

Meta Deskripsi sengaja saya hapus, karna menurut para master seo lebih bagus menggunakan deskipsi post kebanding meta deskripsi.

Menu :

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='trigger' href='#'>Menu</a>
<ul>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a class='trigger' href='#'>Menu</a>
<ul>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
</ul>
</li>
</ul>
</div>
<div class='clear'/>
</div>

Tambahan : 

Bagi sobat yang mau menambahkan widget pencarian, sobat bisa gunakan cara ini :

Login Ke Blogger, Pilih template lalu pilih Edit HTML

Cari Kode ]]></b:skin> (untuk mempermudah unakan F3 atau Ctrl+F)

Letakan Kode berikut tepat di atas kode ]]></b:skin>

#search{border:#ccc solid 1px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVTfzSWDhv4Dp0p2Up_xFS9kquHsfXldHr5QdYyJ6Svbl_arPSqya_mHSQlKfZ933CXAKNtil8JtYNnZghcyT-wY8r_en9TDKBwIhvPPTpWHzNwlkPk75pb9vpnHBKOei_RG4J0RWc3fGZ/s0/search.png) 99% 50% no-repeat #fff; text-align:left; padding:2px 24px 4px 6px}#search #s{background:none; color:#979797; border:0; width:100%; padding:0; margin:0; outline:none} #content-search{width:300px; padding:15px 0}

Lalu cari kode berikut :

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='trigger' href='#'>Menu</a>
<ul>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a class='trigger' href='#'>Menu</a>
<ul>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
</ul>
</li>
</ul></div>
<div class='clear'/>
</div>

 Letakan kode berikut tepat di atas kode yang saya kasih warna merah di atas,

<div style='float:right;padding:5px'>
<div id='search' title='Type and hit enter'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value='Search'/>
</form>
</div>
</div>

Save, widget ini akan berada di sebelah kanan menu, jika anda ingin membuat widget ini di sidebar, cukup copy kode berikut dan masukan ke, Tata letak, Tambah widget, HTML/java scrip

<div style='float:right;padding:5px'>
<div id='search' title='Type and hit enter'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value='Search'/>
</form>
</div>
</div>

Jika anda menemui kesulitan dalam mengedit atau masalah lainnya, bisa hubungi saya di facebook :

https://www.facebook.com/luhur.mufat