Cara Membuat Menu Horizonal Keren di Blog Terbaru

Cara Membuat Menu Horizonal Keren di Blog Terbaru – Menu horizontal atau navbar di blog mempunyai banyak variasi dan sangat menarik di blog, sayakatakan keren abiz,,, hehe menu horizontal tentunya termasuk bagian penting dalam dunia template blog karena selain mempercantik log menu horizontal atau navbar sangat membantu epat dalam penarian dan eletakkan ink untuk blog sendiri contohnya buat naruh contact me atau tukar link juga privacy.

Nah,,, silahkan sobat baca tutorial ini sampai selesai, agar bisa memasang dengan mudah hehehe eits,, gak seseriuz itu, tips kali ini cukupmudah dan untuk editnya juga cukup mudah jadi sobat tidak usah bigung2 edit html untuk mengganti link.

Jika sobat blogger tertarik dengan Cara Membuat Menu Horizonal Keren di Blog silahkan perhatikan tutoril dibawah ini:

Cara Pasang;

1. silahkan login aku blog sobat.

2. Pilh tata letak >.>>> tambah gadget >.>> Pilih html javascript .

3, Masukkan kode dibawah ini dalam kotak html javascrip.

 <style> #tabs5 img { border: none; } #tabs5 { float:left; width:100%; background:#E3ECF3; font: bold 7.5pt Verdana; line-height:normal; } #tabs5 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs5 li { display:inline; margin:0; padding:0; } #tabs5 a { float:left; background:url(http://1.bp.blogspot.com/_7wsQzULWIwo/Szu-pihZsRI/AAAAAAAACuM/M_WqlslWGI0/s1600/tableft5.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs5 a span { float:left; display:block; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/Szu-ppvYxHI/AAAAAAAACuQ/aL8WsHpvlSo/s1600/tabright5.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs5 a span {float:none;} /* End IE5-Mac hack */ #tabs5 a:hover span { color:#FFF; } #tabs5 a:hover { background-position:0% -42px; } #tabs5 a:hover span { background-position:100% -42px; } #tabs5 #current a { background-position:0% -42px; } #tabs5 #current a span { background-position:100% -42px; } </style> <div id=”tabs5″> <ul> <li><a href=”#”><span>Link 1</span></a></li> <li><a href=”#”><span>Link 2</span></a></li> <li><a href=”#”><span>Link 3</span></a></li> <li><a href=”#”><span>Link 4</span></a></li> <li><a href=”#”><span>Link 5</span></a></li> <li><a href=”#”><span>Link 6</span></a></li> <li><a href=”#”><span>Link 7</span></a></li> </ul> </div>

4. Selesai dan lihat hasilnya.

Sekian dulu  Cara Membuat Menu Horizonal Keren di Blog Terbaru semoga dapat bermanfaat.selamat Mencoba.