Cara Membuat Menu Dropdown di Blogger, Agar Tampilan Blogmu Profesional!!!
Ingin mempunyai menu dropdown ketika dipilih muncul sub-menu yang lain? ya menu seperti itu namanya menu Dropdown, lantas apa itu Dropdown, Dropdown adalah Menu yang bisa menurunkan sub-menu ditempat yang sama atau kita bisa menyebutnya menu menurun.
Manfaat dan Fungsi Dropdwon ini bisa kita bisa mengkategorikan artikel-artikel kita kedalam menu, misalnya saperti yang ada di blog ini, ketika kita memilih menu Blogger, maka akan keluar sub-menu lainnya seperti Tips Blogger, Tips Adsense dan Template hal ini bisa membuat jumlah menu menjadi rapih dan tidak terlalu panjang.
Lantas Bagaimana cara membuat menu seperti itu?
Cara Membuat Menu Dropdown di Blogger Dengan Mudah:
- Langkah pertama kamu harus Login Blogger
- Pilih Tema atau Template
- Kemudian pilih Edit HTML
- Setelah langkah diatas di ikuti,
- selanjutnya cari kode ]]></b:skin>
- untuk lebih mudah kamu bisa menggunakan Ctrl+F
- Selanjutnya Copy kemudian Paste kode dibawah ini tepat diatas kode ]]></b:skin>
#mbtnavbar {
background: #060505;
width: 960px;
color: #FFF;
margin: 0px;
padding: 0;
position: relative;
border-top:0px solid #960100;
height:35px;
}
#mbtnav {
margin: 0;
padding: 0;
}
#mbtnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #333;
border-right:1px solid #333;
height:35px;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
color: #FFF;
display: block;
font:normal 12px Helvetica, sans-serif; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
#mbtnav li a:hover, #mbtnav li a:active {
background: #BF0100;
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 10px 12px;
}
#mbtnav li {
float: left;
padding: 0;
}
#mbtnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#mbtnav li ul a {
width: 140px;
}
#mbtnav li ul ul {
margin: -25px 0 0 161px;