membuat menu horisontal


Berikut ini ane share cara membuat menu horisontal di blogspot ato bloger kayak gambar di atas ini, langkah ini ada dua pembahasan script. so tanpa bha bhi bhu langsung aja ente copas script-script berikut ini
yang pertama script untuk css:
* Navigasi tabs Sederhana menu pada blog */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana ahir css doang belum htmlnya gan */

yang kedua scritp untuk HTMLnya gan:

<!-- Navigasi tabs Sederhana script di html -->
<div id='burasbar'>
<a href="#" class="burastabs">Home</a>
<a href=http://saujana-visi.blogspot.com class="burastabs">Trick</a>
<a href="#" class="burastabs">Blog Tips</a>
<a href="#" class="burastabs">SEO Tips</a>
<a href="#" class="burastabs">Contact</a>
<a href="#" class="burastabs">Sitemap</a>
<a href="#" class="burastabs">About</a>
</div>
<!-- Navigasi tabs Sederhana ahir -->


*catatan tanda pagar diganti dengan URL tujuan tu ane kasih contoh satu :)
berikut langkah-langkahnya:
1. Masuk ke Dashboard > Design/Rancannga > Edit HTML.
2. Copy kode CSS di atas,
4. Cari ]]></b:skin> (cari dengan Ctrl + F) & letakkan/paste Kode CSS tepat di atasnya.
5. Save Template.
6. Masuk ke Page Elements > Klik Add a Gadget
#semoga berhasil,,berhasil,,berhasil

Tidak ada komentar:

Posting Komentar

monggo komentar wonten mriki(silahkan berkomentar disini)