Cara Buat dropDown menu Pada blogger by hermanbagus

Langsung saja Sob ke TKP. :)

1. Login Blog Sobat
2.Klik Template.
3.Edit Html
4.Lanjutkan
5.Centang Expand Template Widget

Catatan.! Backup dulu Template anda Sob. Dengan Tujuan Kalau pas pengaditan eror bisa dibalikin lagi :)

6.Copy Kode di bawah ini. dan paste persis diatas kode ]]></b:skin>

.menu{ border:none; border:0px; margin-left:2px; padding:0px; font-size:13px; text-align:center; } .menu ul{ background:#000000; height:2px; list-style:none; margin:0px; padding:0; } .menu li{ float:left; padding:5px; } .menu li a{ background:#000000; color:#80ff00; display:block; font-weight:normal; line-height:30px; margin:0px; padding:0px 10px; text-align:center; text-decoration:none; } .menu li a:hover, .menu ul li:hover a{ background: #212121; color:#80ff00; text-decoration:none; } .menu li ul{ background:#000000; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:180px; z-index:200; /*top:1em; /*left:0;*/ } .menu li:hover ul{ display:block; } .menu li li { display:block; float:none; margin:0px; padding:0px; width:180px; } .menu li:hover li a{ background:none; } .menu li ul a{ display:block; height:30px; font-size:12px; font-style:normal; margin:0px; padding:0px 10px 0px 15px; text-align:left; } .menu li ul a:hover, .menu li ul li:hover a{ background:#212121 center left no-repeat; border:0px; color:#80ff00; text-decoration:none; } .menu p{ clear:left; } #outer-wrapper { width:1024px; background:#000; margin:0 auto; text-align:left; font: normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif; word-wrap: break-word; overflow: hidden; }

Kemudian

7.Copy Kode dibawah ini dan paste persis di atas kode <div class='body-fauxcolumns'>

Atau persis dibawah kode <body expr:class='"loading" + data:blog.mobileClass'>
(sama saja)

Selamat Mencoba Sob, Semoga bermanfaat dan jangan lupa comennya :)

Cara Buat dropDown menu Pada blogger by hermanbagus

0 Response to "Cara Buat dropDown menu Pada blogger by hermanbagus"

Post a Comment