PASUNDAN EKSPRES – Berikut ini Kami akan bagikan tutorial Cara Membuat Menu Dropdown di Blogger Terbaru 2023. Langkah-langkahnya Super Cepat & Mudah.
Tanpa utak atik HTML. Yang pasti gratis dan gak bikin pusing.
Menu dropdown ini sangat bermanfaat untuk pengunjung blog yang ingin menemukan artikel menarik untuk di baca.
Baca Juga:Kamu Tahu Gak Fakta Unik yang Hanya Ada di Drama Korea The Killing Vote? Cek DisiniLink Nonton Drakor Moving Full Episode Kualitas HD Sub Indo, Para Pelajar yang Punya Kekuatan Super, Klik Disini Gratis
Untuk pemilik blog sendiri, menu dropdown sangat berguna bagi blogger yang memang isi articlenya beragam. Berikut ini Cara Membuat Menu Dropdown di Blogger Terbaru 2023 yang Super Cepat & Mudah
Cara Membuat Menu Dropdown di Blogger Terbaru 2023
Langkah Pertama
Step 1 : Login ke accunt blogger sobat dan langsung menuju Blogger Dashboard>> Template>>Edit html
Step 2 : Gunakan Ctrl+F dan anda harus Temukan kode ]]></b:skin>. Kemudian, copy paste code di bawah ini tepat di atas kode ]]></b:skin>.
#mdb_menu
{background: #656870;
width: 100%;
margin: 0px;
height: 60px;
padding: 0px;
font-size: 13px;
font-family: ‘Trebuchet MS’, sans-serif;
font-weight: normal;
word-spacing: 2;
-webkit-font-smoothing: antialiased;
}
#mdb_menu li.home a {
padding: 0px 30px;
}
#mdb_menu li.home img {
vertical-align: middle;
}
#mdb_menu ul {
height: 60px;
list-style: none;
margin: 0;
padding: 0px;
}
#mdb_menu li {
float: left;
padding: 0px;
}
#mdb_menu li a {
background: #656870;
color: #CCC;
display: block;
font-weight: bold;
line-height: 60px;
margin: 0px;
padding: 0px 25px;
text-align: center;
text-decoration: none;
-webkit-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-moz-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-o-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-ms-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
#mdb_menu li a:hover, #mdb_menu ul li:hover a {
background: #46484E;
color: #FFFFFF;
text-decoration: none;
-webkit-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-moz-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-o-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
-ms-transition: all 900ms cubic-bezier(0.47, 0, 0.745, 0.715);
transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
#mdb_menu li ul {
background: #656870;
display: none;
height: auto;