Menu Navigasi Horizontal Di Atas Judul Blog Chibi Transparent

Free Shop Ilmu - Sebelumnya saya udah posting tentang menu navigasi, kali ini saya ingin menjelaskan tentang cara memasang or membuat "Menu Navigasi Horizontal Di Atas Judul Blog Chibi Transparent" , coba anda lihat tutorial membuatnya!



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!!!

DOWNLOAD
Single Links (Recommended)

Ditulis Oleh : Unknown ~Free Shop Ilmu

Muh.Akram Anda sedang membaca artikel berjudul Menu Navigasi Horizontal Di Atas Judul Blog Chibi Transparent yang ditulis oleh Free Shop Ilmu yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: 05:47:00

0 comments:

Post a Comment