Cara Membuat Menubar Di blog

kali ini saya akan berikan tutorial bagai mana cara membuat menubar di blog..

1. masuk ke blog
2. pilih edit template.. ( jangan lupa di backup/ di download dulu tu template jadi kalo ada error bisa di kembalikan ke semula )..
3. selanjutnya centang "Expand template Widget"
4. lalu cari kode ini menggunakan CTRL+F ==> <div id='content'>
5. copy kan code di bawah ini tepat di atasnya.

<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Blogger</a></li>
<li><a href='http://nrf48.blogspot.com/2013/03/tony-tony-chopper.html'><span>Onepiece</span></a></li>
<li><a href='http://nrf48.blogspot.com/2013/03/ske48-gommen-ne-summer.html , http://nrf48.blogspot.com/2013/03/heavy-rotation.html'><span>Youtube</span></a></li>
</ul>
</div>

6. ganti kode misal "<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Blogger</a></li> " dengan URL sobat.. terus tulisan Anti Virus ganti dengan sesuai judul menu bar anda.
7. LALU cari kode ]]></b:skin>
8. pasteka kode di bawah ini tepat Di ATAS nya..

#tabshori {float:left;width:100%;background:transparent;font-size:93%;}
#tabshori ul {margin:0;padding:1px 10px 0px 23px;list-style:none;}#tabshori li {display:inline;margin:0;padding:0;}
#tabshori a {float:left;margin:0;padding:0 0 0 3px;text-decoration:none;}#tabshori a span {float:right;display:block;padding:5px 15px 4px 6px;color:#fff;}
#tabshori a span {float:none;}#tabshori a:hover span {color:#000;}#tabshori a:hover