Cara Membuat Menu Horizontal

Tweet

Nyob Info_ Kembali berbagi mengenai Informasi yang Fresh , Unik , serta Anti-basi . Berhubungan kebanykan Blogger Newbie Termasuk saya sendiri yang kebingungan mengenai bagaimana cara memasang Menu diblog dan kebanyakan para Blogger menggunkan menu Horisontal Maka saya share Cara Membuat Menu Horizontal yang baik dan benar  . Postingan kali ini bertujuan Untuk membantu para blogger yang masih Hijau agar Lebih Banyak tahu serta mengikuti perkembangan yang ada  .

Contoh Menu :

Berikut cara mudah membuat menu horizontal: 

Kode CSS

/* Navigasi tabs geosya.blogsot.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 */

Kode HTML

<!-- 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>
<a href="#" class="burastabs">Link Exchange</a>
<a href="#" class="burastabs">Computer</a>
<a href="#" class="burastabs">Sosial</a>
<a href="#" class="burastabs">Unik</a>
<a href="#" class="burastabs">Contact me</a>
<a href="#" class="burastabs">Sitemap</a> </div><!-- Navigasi tabs Ends -->

• Masuk ke Dashboard Blogger lalu pilih Template > Edit HTML > Proceed
• Centang Expand Widget, kemudian cari kode ]]></b:skin> 
• Copy kode CSS diatas dan paste tepat diatas kode ]]></b:skin> 
• Klik Save/Simpan Template.
• Selanjutnya, masuk ke menu Layout Blogger lalu pilih Add a Gadget > HTML/Javascript
• Copy kode HTML diatas dan paste dikolom HTML/Javascript. 
• Simpan, dan selesai.

Keterangan: 
Pada kode HTML, ganti simbol # dengan link anda. Jumlah link pada menu horizontal bisa anda tambah atau anda kurangi, silahkan sesuaikan dengan kebutuhan blog anda.

Demikianlah Postingan saya mengenai Cara Membuat Menu Horizontal  apabila ada yang kurang silahkan Tinggalakan Komentar Anda . 

Anda Suka Artikel ini ? Copy permalink ini di Blog Anda :)
<a href="http://nyob007.blogspot.com/2012/05/cara-membuat-menu-horizontal.html">Cara Membuat Menu Horizontal</a>

Artikel Menarik lainya