CARA MEMBUAT MENU BAR BLOG 2024

CARA MEMBUAT MENU BAR BLOG TERBARU 2024

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 langkahnya 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. 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.
<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-software.html’ target=’_blank’><span>Software</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.pw/2012/01/tukar-link.html’ target=’_blank’><span>Tukar Link</span></a></li>
<li><a href=’https://www.kuyhaa-me.pw/2012/01/sms-gratis-via-internet.html’ target=’_blank’><span>SMS Gratis</span></a></li>
<li><a href=’https://www.kuyhaa-me.pw/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 langkah di atas belum berhasil coba langkah kedua ini..
1. masuk blog
2. pilih tata letak
3. tambah HTML/JAVASCRIPT
4. pastekan kode yang di atas itu langkah nomor 5.(jangan di beri judul )
5. janga lupa di ganti juga URLnya sesuai langkah nomor 6
6.letakan gadget/ widget itu di atas ( dibawah judul blog sobat )
7. lalu save.

semoga berhasil sobat..

ɽєɡɑɽɗʂ

kuyhAa™ αndroiD¹⁹

PasswordLihat Password | Extract ErrorUpdate Winrar | Info FAQ | HowtoCara Download | Or

 

Leave a Comment