Membuat Menu Dropdown

Mungkin anda pernah melihat menu seperti ini:

Jika anda tertarik membuat menu dropdown ikuti langkah berikut.
menu drop dowen ada 3 macam yaitu:
-Standar
-Dengan Tombol
-Tombol Image

Cara Buat Menu Dropdown Standar

GratisZ BlogGratisZ BlogGratisZ Blog

Tambah Gadget:
<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://gratisz.blogspot.com/">GratisZ Blog</option>
<option value="http://gratisz.blogspot.com/">GratisZ Blog</option>
<option value="http://gratisz.blogspot.com/">GratisZ Blog</option>
</select>
</form>



Cara Buat Menu Dropdown dengan Tombol

GratisZ BlogGratisZ BlogGratisZ Blog

Tambah Gadget:
<form name="jump">
<select name="menu">
<option value="http://GratisZ.blogspot.com/">GratisZ Blog</option>
<option value="http://GratisZ.blogspot.com/">GratisZ Blog</option>
<option value="http://GratisZ.blogspot.com/">GratisZ Blog</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>

Cara Buat Menu Dropdown dengan Tombol Gambar

Menu1Menu2Menu3


Tambah Gadget:
<form name="jump">
<script>
function jumpMenu(){
location=document.jump.menu.options[document.jump.menu.selectedIndex].value;
}
</script>
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<a href="Javascript:jumpMenu()"><IMG SRC="http://oom.blog.googlepages.com/Go.gif" border=0></a>
</form>


Tambah Gadget --> Selesai...