Senin, 18 Februari 2013

Cara Membuat Menu Bar 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.

<div id='footheader'>

<div id='tabshori'>

<ul>
<li><a expr:href='data:blog.homepageUrl'><span>Home</span></a></li>
<li><a href='http://shawndown.blogspot.com/2011/12/daftar-isi-anti-virus.html' target='_blank'><span>Anti Virus</span></a></li>
<li><a href='http://shawndown.blogspot.com/2011/12/daftar-isi-photoshop.html' target='_blank'><span>Photoshop</span></a></li>
<li><a href='http://shawndown.blogspot.com/2011/12/daftar-isi-software.html' target='_blank'><span>Software</span></a></li>
<li><a href='http://shawndown.blogspot.com/2011/12/daftar-isi-ebook.html' target='_blank'><span>Free Ebook</span></a></li>
<li><a href='http://shawndown.blogspot.com/2012/01/tukar-link.html' target='_blank'><span>Tukar Link</span></a></li>
<li><a href='http://shawndown.blogspot.com/2012/01/sms-gratis-via-internet.html' target='_blank'><span>SMS Gratis</span></a></li>
<li><a href='http://shawndown.blogspot.com/2012/01/kode-warna.html' target='_blank'><span>Kode Warna</span></a></li>
</ul>
</div>
</div>

6. ganti kode misal " http://shawndown.blogspot.com.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..

Doddy Apriandi

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 komentar:

Poskan Komentar

 

Copyright @ 2015