Cara
membuat menu horizontal di blog
Menu blog adalah hal yang paling wajib bagi para blogger untuk memudahkan
pengunjung blog mencari artikel yang diinginkan. Oleh karena itu saya akan
memberikan bagaimana cara membuat menu horizontal di blog ?
Update !!!
Maaf atas ketidaknyamanan tutorial ini. Tutorial ini sudah saya perbaiki jadi silakan dicoba, insyallah berhasil dan terakhir sumber artikel ini didapat dari http://geosya.blogspot.com.
Update !!!
Maaf atas ketidaknyamanan tutorial ini. Tutorial ini sudah saya perbaiki jadi silakan dicoba, insyallah berhasil dan terakhir sumber artikel ini didapat dari http://geosya.blogspot.com.
- Login ke blogger
- Kemudian pilih Edit Template
- Sebelum melakukan edit centang dahulu Expand Widget Template
- Kemudian letak kode di bawah ini diatas kode ]]></b:skin>
/* Navigasi tabs gumbs-multimedia.blogspot.com Starts */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:96.5px; height:30px; background:#87CEFA; border:1px solid #ebebeb; margin-top:0px; 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:930px; margin:0 auto;}
/* Navigasi tabs Ends */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:96.5px; height:30px; background:#87CEFA; border:1px solid #ebebeb; margin-top:0px; 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:930px; margin:0 auto;}
/* Navigasi tabs Ends */
- Kemudian save, lalu
- Pilih tab > Design
- Add gadget pada bagian bawah header
- Pilih HTML/JavaScript lalu copy dan paste kode di bawah ini.
<!-- Navigasi tabs http://gumbs-multimedia.blogspot.com Starts -->
<div id='burasbar'><a href="Home"
class="burastabs">Sport</a> <a href="Unik" class="burastabs">News</a><a
href="Lain-lain" class="burastabs">Tips<a
href='http://gumbs-multimedia.blogspot.com/'> Blog</a></a> <a
href="About Me" class="burastabs">Link
Exchange</a> <a href="Game" class="burastabs">Computer</a>
<a href="Tutorial"
class="burastabs">Sitemap</a> </div><!-- Navigasi
tabs Ends -->
- Setelah itu save
Ket :
- Sobat ganti simbol # link yang akan sobat tuju.
- Sobat ganti text Home dan menu yang lainnya dengan menu yang sobat inginkan.
