Cara membuat Dropdown menu

Demo

Cara Membuat Dropdown Menu

1.Buka Blogger Kalian
2.Pergi ke tema "Edit HTML"
3.Cari Kode "</b:skin>" Lalu Masukkan Kode Css Di bawah Ini Tepat di Atas "</b:skin>"

 
.dropdown-mbill {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}
li {
    float: left;
}
li a, .drop21 {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
li a:hover, .dropdown21:hover .drop21 {
    background-color: red;
}
li.dropdown21 {
    display: inline-block;
}
.dropdown-content21 {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content21 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown-content21 a:hover {background-color: #f1f1f1}
.dropdown21:hover .dropdown-content21 {
    display: block;
}

4.Jiika Sudah Copy Kode HTML di bawah ini di tempat yang kalian mau

 
<ul class="dropdown-mbill">
<li><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li class="dropdown21">
    <a class="drop21" href="javascript:void(0)">Dropdown</a>
    <div class="dropdown-content21">
<a href="#">Link 1</a>
      <a href="#">Link 2</a>
      <a href="#">Link 3</a>
    </div>
</li>
</ul>

Ubah kode "#" Menjadi Link Kalian

5.Save Template

Oke Sudah Selesai sobat :v Cara membuat Dropdown Menu
Jika Error/Ada pertanyaan Boleh comment di bawah ya sobat