Cara Memasangnya :
- Anda login blog
- Pilih Rancangan-> Edit HTML
- Jangan lupa centang expand widget.
- Cari kode ]]></b:skin> Dengan CTRL+F
- Masukkan Kode CSS Berikut tepat di atasnya!
/* Menu Atas Free Shop Ilmu */
#handi{height:30px; background:transparent; border:1px solid #ccc; border-radius:8px; display:block; padding:0; font-size:12px; font-weight:bold; text-transform:uppercase; margin-bottom:0px}
#handi ul{float:left; list-style:none; margin:0px; padding:0px}
#handi li{float:left; list-style:none; margin:0px; padding:0px}
#handi li a, #handi li a:link, #handi li a:visited{color:#33ff33; display:block; margin:0px; padding:5px}
#handi li a:hover, #handi li a:active{background:#0d0d0d; border:1px solid #ccc; border-radius:8px; color:#ff6666; margin:0px; padding:5px; text-decoration:none}
#handili li a, #handi li li a:link, #handi li li a:visited{background:black; color:#33ff33; width:160px; font-weight:normal; float:none; margin:0; padding:7px 5px}
#handili li a:hover, #handi li li a:active{background:#0d0d0d; color:#ff6666; padding:7px 5px}
#handili ul{z-index:9999; position:absolute; left:-999em; height:auto; width:160px; margin:0px; padding:0px}
#handi li:hover ul, #handi li li:hover ul, #handi li li li:hover ul, #handi li.sfhover ul, #handi li li.sfhover ul, #handi li li li.sfhover ul{left:auto}
#handi li:hover, #handi li.sfhover{position:static}
- Lalu anda cari lagi kode <body> Dengan CTRL+F
- Kalau sudah ketemu silahkan anda Taruh kode berikut tepat di bawahnya!
<div id='handi'>
<ul>
<li><a href='URL ANDA'> -|JUDUL|-</a></li>
<li><a href='URL ANDA'> -|JUDUL|-</a></li>
<li><a href='URL ANDA'> -|JUDUL|-</a></li>
<li><a href='URL ANDA'> -|JUDUL|-</a></li>
<li><a href='URL ANDA'> -|JUDUL|-</a></li>
<li><a href='URL ANDA'> -|JUDUL|-</a></li>
<li><a href='URL ANDA'> -|JUDUL|-</a></li>
<li><a href='URL ANDA'> -|JUDUL|-</a></li>
</ul>
</div>
Keterangan :
- Warna Merah adalah URL anda.
- Warna Biru adalah Judul yang ingin anda tampilkan!
sekian dulu postingan saya tentang "Menu Navigasi Horizontal Di Atas Judul Blog Chibi Transparent" semoga bermanfaat...eettttt Sebelum Kabur comment dulu coy!!!
0 comments:
Post a Comment