Membuat Menu Horizontal Blogspot

 Banyak sekali cara untuk membuat menu horizontal pada blog,
jika pada template kamu tidak menyediakan menu horizontal maka hal ini perlu kamu buat
agar blog kamu terlihat rapi .
cara untuk membuat menu horizontal bisa lewat cara edit HTML tapii cara ini agak bingung yaa buat diterapin.
nahh ini cara mudah untuk membuat menu horizontal .


Langkah nya :
1.login ke blog kamu
2.jika sudah masuk ke home ,klik   lalu pilih tata letak
3.klik add gadget
4.pilih HTML/JAVASCRIPT
5.masukkan kode ini
<style>
#cat-menu { background:none; height:35px;}
.nav { background: #7b68ee;width:45%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 18px/20px curlz,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#6454cd; color:#e6e6fa; text-decoration:bold;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='/'>Home</a></li>
<li><a href='#'> Menu 1</a></li>
<li><a href='#'> Menu 2</a></li>
<li><a href='#'> Menu 3</a></li>
<li><a href='#'> Menu 4</a></li>
<li><a href='#'> Menu 5</a></li>
</ul>
</div>

6. selesaii


kalo kamu berhasil hasilnya bakalan kaya gini nih :






Untuk <a href='/'  tulis alamat url blog kalian
dan untuk warna bisa kamu ubah sesuai keinginan kamu .


0 komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.

Copyright © 2012 Miss.Prita .Powered by Blogger.Please upgrade to a Modern Browser.