Cara Membuat Drop Down Menu Html

1. Pergi pada design >> edit html
2. Download/ backup template anda terlebih dahulu
3. Click pada edit html box. Tekan CTRL+F dan cari
4. Kemudian copy dan paste code dibawah sebelum </head>

<style type="text/css"> .texthidden {display:inline} .shown {display:block} </style> <script type="text/javascript"> document.write('<style>.texthidden {display:none} </style>'); </script> <script type="text/Javascript"> function expandcollapse (postid) { whichpost = document.getElementById(postid); if (whichpost.className=="shown") { whichpost.className="texthidden"; } else { whichpost.className="shown"; } } </script>
5. Cari kod h2{..}
6. Tambah kod dibawah

h4 { background: #d8ded1; color: #666666; margin-left: -1px; margin-right: -1px; margin-top: 0px; margin-bottom: 1px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; border: 1px solid #d8ded1; font-size: 9px; }
5. Save template anda
6. Lepas dah save, click pada design >> page element >> add gadget >> html/javescript
7. Copy dan paste kod dibawah.

<ul><a href="javascript:void(0);" onclick="expandcollapse('keyword')"> <h4>• Blog List</h4></a></ul><ul class="texthidden" id="keyword"><li><a href="http://link1.com">Link 1</a></li> <li><a href="http://link2.com">Link 2</a></li> <li><a href="http://link3.com">Link 3</a></li> <li><a href="http://link4.com">Link 4</a></li> </ul>
8. Tukarkan Link dan http://Link.com
   Contoh: apisv2dan http://apisv3.blogspot.com
9. Save gadget anda.

screenshot. bila click blog list. akan keluar 4 link. bila click lagi sekali, akan hide list