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/AVvXsEiDw9tsb5Gbd72Y9C8nn6sItKos30NG4jzqGU1MZYyOu3635i6kEL7LyFebRHD_LgRH88hMw1tKhYnjfUygKVGiHMNDTM3QW-nDXqh-w2V7eAQqKpnQOEhC9VARMIc2yDsEby5B9x4FGSe-/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>
