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.