Untuk membuat menu di tata letak silahkan menggunakan langkah-langkah dibawah ini :
- Masuk di tata letak
- Insert Gadget
- Kemudian pilih HTML / Text dan masukkan script dibawah ini :
##########
<style>
.clear{clear:both}
.navigasi{position:relative;background:#fefefe;box-shadow:0 1px 4px #e0e0e0;-webkit-box-shadow:0 1px 4px #e0e0e0;-moz-box-shadow:0 1px 4px #e0e0e0;border:1px solid #e0e0e0}
.navigasi ul{margin:0;padding:0}
.navigasi ul li{float:left;list-style:none;position:relative}
.navigasi ul li a{display:block;color:#404040;text-decoration:none;padding:5px}
.navigasi ul li a:hover{background:#404040;color:#fefefe}
.navigasi ul li ul{position:absolute;display:none;width:150px;background:#fefefe;box-shadow:0 1px 4px #e0e0e0;-webkit-box-shadow:0 1px 4px #e0e0e0;-moz-box-shadow:0 1px 4px #e0e0e0;border:1px solid #e0e0e0;margin:0 auto}
.navigasi ul ul ul{display:none;position:absolute;right:-150px;top:0}
.navigasi ul li:hover > ul,.navigasi ul ul li:hover > ul{display:block}
.navigasi ul li.clear,.navigasi ul ul li{float:none}
</style>
<nav class="navigasi">
<ul>
<li><a href="#">Blog Guru</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Biodata</a></li>
</ul>
</nav>
########
Contoh hasilnya seperti berikut ini : http://ikimungcontoh.blogspot.com
Sumber : http://www.blog.idblogdesign.com/2013/03/membuat-drop-down-menu-pada-blogger.html
selamat mencoba
0 komentar:
Posting Komentar