Cara membuat menu dropdown

Menu Dropdown atau Menu Pull-down merupakan kumpulan beberapa data (berupa text dan link)  yang di ringkas menjadi menu tunggal, Menu dropdownbisa digunakan sesuai kebutuhan anda, selain bisa digunakan sebagaialternatif Blogroll, bisa juga anda gunakan untuk memuat banyak alamat Link ke situs tujuan. mau tau cara pembuatannya?

Login ke blogger, trus masuk ke menu "Page Element" trus pilih TAMBAH GAGET à PILIH àHTML/JavaScript. Kemudian masukkan script berikut ini  yang sudah kamu pilih, lalu copy scrip tersebut, kemudian kamu “paste”kan kedalam  "Content" lalu simpan.
selamat mencoba, jangan lupa comentnya klo sudah berhasil membuat. :)

Scrip Membuat Menu Dropdown Standar

   

<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<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>
</form>
 

Scrip Membuat  Menu Dropdown dengan Tombol

   

<form name="jump">
<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>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>

Scrip Membuat Menu Dropdown dengan Tombol Gambar

   

 

<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>

Catatan : kode ditandai warna merah bisa diganti sesuai keinginan anda.