free counters

Rabu, 03 Oktober 2012

Membuat Menu blog


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 Cah Dabloeng */
    #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>