padding: 0px;
margin: 0px;
border: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
position: absolute;
width: 225px;
z-index: 200;
/*top:1em;
/*left:0;*/;
}
#mdb_menu li:hover ul {
display: block;
}
#mdb_menu li li {
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 225px;
}
#mdb_menu li:hover li a {
background: none;
color: #979EAF;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#mdb_menu li ul a {
display: block;
height: 60px;
font-size: 13px;
font-style: normal;
margin: 0px;
padding: 0px 10px 0px 15px;
text-align: left;
}
#mdb_menu> ul > li ul li a {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
-webkit-transition: color ease 0.3s;
-moz-transition: color ease 0.3s;
-ms-transition: color ease 0.3s;
-o-transition: color ease 0.3s;
}
#mdb_menu li ul a:hover, #mdb_menu li ul li:hover a {
background: #46484E;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
color: #FFF;
text-decoration: none;
padding: 0px 10px 0px 15px;
}
Langkah Kedua
Step 1 : Pilih rancangan atau tatak letak kemudian, Klik tambah gadget.
Step 2 : Pilih opsi HTML/Javascript.
Step 3 : Lalu copy pastekan kode script di bawah ini.
<div id=”MDB_menu”>
<ul>
<li class=”home”>
<a href=Masukkan “Link Blogspot Anda” Basic-Home-icon.png”/></a>
</li>
<li class=”sub “>
<a href=”#”><span>Blogger</span></a>
<ul>
<li>
<a href=”#”><span>SEO</span></a>
</li>
<li>
<a href=”#”><span>Template</span></a>
</li>
<li>
<a href=”#”><span>Widgets</span></a>
</li>
<li>
<a href=”#”><span>Plugins</span></a>
</li>
</ul>
</li>
<li>
<a href=”#”><span>Applicatoin</span></a>