Membuat Menu Horizontal Pada Blogspot

Untuk membuat menu horizontal pada blog anda gak perlu repot - repot tinggal pake coding dibawah ini. Anda khususnya pemula blog pasti bertanya menu hozontal yang seperti mana yaaa ??? heheh lebih kurang seperti gambar disamping.
langsung aja peraktekkan coding dibawah ini dijamin MUDAH . . .

Kode CSS:

/* Navigasi tabs Sederhana www.blogger-paluta.blogspot.com Starts */
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 Ends */

Kode HTML:

<!-- Navigasi tabs Sederhana www.blogger-paluta.blogspot.com Starts -->
<div id='burasbar'>
<a href="#" class="burastabs">Home</a>
<a href="#" class="burastabs">About</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">Advertise</a>
</div>
<!-- Navigasi tabs Sederhana Ends -->

---------------------------------------------------------------------------------------------------------------

Cara pakai      :

Cari kode  ]]></b:skin>  dan pastekan tepat diatas nya kode CSS diatas

Dan kode Html diatas letakakn pada penambahan gadget html dan javascript pada blog anda.

Artikel Terkait