» » Cara membuat menu horizontal di blog

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.
  •     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 geosya.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 */
  •     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://geosya.blogspot.com Starts --> <div id='burasbar'><a href="#" class="burastabs">Home</a> <a href="#" class="burastabs">News</a><a href="#" class="burastabs">Tips<a href='http://geosya.blogspot.com/'> Blog</a></a> <a href="#" class="burastabs">Link Exchange</a> <a href="#" class="burastabs">Computer</a> <a href="#" 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. 
Untuk informasi lengkapnya silakan kunjungi
0 Komentar untuk "Cara membuat menu horizontal di blog"