Cara Memasang Menu DropDown di Blog

Sekarang aku akan membahas tentang cara memasang menu DropDown di blogger. ok langsung ja ikuti petunjuk dan langkah-langkah dibawah ini :

1. Langkah Pertama Loggin dulu ke blog

2. Klik rancangan --> Terus Klik Edit HTML jangan lupa centang Kotak Expland Widget

3. Cari Code ]]:/b:skin> lalu Copy Code dibawah ini dengan memakai perasaan heeee..

    menu{

border:none;

border:0px;

margin:0px;

padding:0px;

font: 67.5% "Arial", Arial;

font-size:14px;

font-weight:bold;

}

.menu ul{

background:#333333;

height:35px;

list-style:none;

margin:0;

padding:0;

font-size:14px;

font-weight:bold;

}

.menu li{

float:left;

padding:0px;

}

.menu li a{

background:#333333 url("http://i47.tinypic.com/qp53sw.jpg") bottom right no-repeat;

color:#cccccc;

display:block;

font-weight:normal;

line-height:35px;

margin:0px;

padding:0px 25px;

text-align:center;

text-decoration:none;

}

.menu li a:hover, .menu ul li:hover a{

background: #2580a2 url("http://i49.tinypic.com/13zbc53.jpg") bottom center no-repeat;

color:#FFFFFF;

;,Courier,monospace;">

text-decoration:none;

}

.menu li ul{

background:#333333;

display:none;

height:auto;

padding:0px;

margin:0px;

border:0px;

position:absolute;

width:225px;

z-index:200;

/*top:1em;

/*left:0;*/

}

.menu li:hover ul{

display:block;

}

.menu li li {

background:url('http://i45.tinypic.com/nvxxqg.jpg') bottom left no-repeat;

display:block;

float:none;

margin:0px;

padding:0px;

width:225px;

}

.menu li:hover li a{

background:none;

}

.menu li ul a{

display:block;

height:35px;

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:#2580a2 url('http://i50.tinypic.com/66elwh.jpg') center left no-repeat;

border:0px;

color:#ffffff;

text-decoration:none;

}

.menu p{

clear:left;

Simpan Code berikut sebelum atau diatas code ]]></b:skin>

4. Terus cari code </header> terus copy code dibawah ini

 <div class='menu'>

<ul>

<li><a href='Ganti Dengan Link Kamu'>Home</a></li>

<li><a href='Ganti Dengan Link Kamu'>Download</a>

<ul>

<li><a href='Ganti Dengan Link Kamu'>Aplikasi</a></li>

<li><a href='Ganti Dengan Link Kamu'>Antivirus</a></li>

<li><a href='Ganti Dengan Link Kamu'>Windows</a></li>

</ul></li>

<li><a href='Ganti Dengan Link Kamu'>Game dan Cheat</a>

<ul>

<li><a href='Ganti Dengan Link Kamu'>Game PC</a></li>

<li><a href='Ganti Dengan Link Kamu'>Game HP</a></li>

<li><a href='Ganti Dengan Link Kamu'>Cheat Game</a></li>

</ul></li>

<li><a href='Ganti Dengan Link Kamu</a>

<ul>

<li><a href='Ganti Dengan Link Kamu'>Sub Child Category</a></li>

<li><a href='Ganti Dengan Link Kamu'>Sub Child Category</a></li>

<li><a href='Ganti Dengan Link Kamu'>Sub Child Category</a></li>

<li><a href='Ganti Dengan Link Kamu>Sub Child Category</a></li>

</ul></li>

<li><a href='Ganti Dengan Link Kamu'>Health</a>

<ul>

<li><a href='Ganti Dengan Link Kamu'>Childcare</a></li>

<li><a href='Ganti Dengan Link Kamu'>Doctors</a></li>

</ul></li>

<li><a href='Ganti Dengan Link Kamu'>Login</a>

<ul>

<li><a href='http://id.yahoo.com/?p=us'>Yahoo</a></li>

<li><a href='http://www.facebook.com/'>Facebook</a></li>

<li><a href='http://twitter.com/'>Twiter</a></li>

<li><a href='http://www.blogger.com/'>Blogger</a></li>

</ul></li>

<li><a href='Ganti Dengan Link Kamu'>TV Online</a></li>

</ul>

</div>

Code tersebut disimpan Di Bawah code </header>

5. Klik pertinjauan dan kalo bisa langsung aja di simpan

6. selesai dan selamat mencoba

Jangan Lupa ya kasih komentar dan Klik Iklan dibawah ini Aku untung dan Anda Juga Untung Terimaksih...

Posted in: TRIK BLOG