Cara Membuat Menu Bar Blog

jawab-jawab pertanyaan orang lain seru juga yah..  tapi terkadang udah jawab.. nongol lagi pertanyaan yang serupa.. biar gak cape bolak-balik ngetik.. nie ane kasih tutorialnya aja sobat..

mank tutorial apaan sih..? ya.. kali ini saya akan berikan tutorial bagai mana cara membuat menubar di blog.. gampang kok.. ikutin Step by step caranya y..?

1. sobat 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. lalu next centang “Expand template Widget”

4. lalu cari kode ini memakai CTRL+F ==> <div id=’content’>

5. copy kan code di bawah ini tepat di atasnya.

<div id=’footheader’>
<div id=’tabshori’>
<ul>
<li><a expr:href=’data:blog.homepageUrl’><span>Home</span></a></li>
<li><a href=’http://kuyhaa-bloon.blogspot.com/2011/12/daftar-isi-anti-virus.html‘ target=’_blank’><span>Anti Virus</span></a></li>
<li><a href=’http://kuyhaa-bloon.blogspot.com/2011/12/daftar-isi-photoshop.html’ target=’_blank’><span>Photoshop</span></a></li>
<li><a href=’http://kuyhaa-bloon.blogspot.com/2011/12/daftar-isi-Aplikasi.html’ target=’_blank’><span>Aplikasi</span></a></li>
<li><a href=’http://kuyhaa-bloon.blogspot.com/2011/12/daftar-isi-ebook.html’ target=’_blank’><span>Free Ebook</span></a></li>
<li><a href=’https://www.kuyhaa-me.com/2012/01/tukar-link.html’ target=’_blank’><span>Tukar Link</span></a></li>
<li><a href=’https://www.kuyhaa-me.com/2012/01/sms-gratis-via-daring.html’ target=’_blank’><span>SMS Gratis</span></a></li>
<li><a href=’https://www.kuyhaa-me.com/2012/01/kode-warna.html’ target=’_blank’><span>Kode Warna</span></a></li>
</ul>
</div>
</div>

6. ganti kode misal ” http://kuyhaa-bloon.blogspot.com/2011/12/daftar-isi-anti-virus.html ” 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 {background-position:0% -42px;}
#tabshori a:hover span {background-position:100% -42px;}

9. save template nya..

apabila Step by step cara di atas belum berhasil coba Step by step cara kedua ini..
1. masuk blog
2. pilih tata letak
3. tambah HTML/JAVASCRIPT
4. pastekan kode yang di atas itu Step by step cara nomor 5.(jangan di beri judul )
5. janga lupa di ganti juga URLnya sesuai Step by step cara nomor 6
6.letakan gadget/ widget itu di atas ( dibawah judul blog sobat )
7. lalu save.

semoga berhasil sobat..

ɽєɡɑɽɗʂ

kuyhAa™ αndroiD¹⁹

Source:kuyhaa-me.com