Membuat Menu Dropdown

salam saudara!

Senang sekali rasanya bisa berbagi ilmu lagi dengan saudara yang pastinya masih seputar blog.ok saudara saudara sudah liat judul diatas?hehe bingung?ok saya jelaskan ya!

Menu dropdown atau bisa dibilang juga pull-down adalah kumpulan banyak data baik berupa link ataupun text yang di ringkas menjadi menu tunggal.menu dropdown bisa di gunakan sebagai alternatif blogroll dan memuat link ke situs tujuan.ok deh kita langsung bahas caranya ya:

1.MENU DROPDOWN STANDAR

Menu1
Menu2
Menu3

Silahkan COPY PASTE code yang ada dikotak bawah.

<form name="jump"><select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"><br /> <option value="http://alamat-url1.com">Menu1</option><br /> <option value="http://alamat-url2.com">Menu2</option><br /> <option value="http://alamat-url3.com">Menu3</option><br /> </select><br /> </form>

2.MENU DROPDOWN DENGAN TOMBOL

Menu1
Menu2
Menu3

Silahkan COPY PASTE kode yang ada di kotak bawah:

<form name="jump"><select name="menu"><br /> <option value="http://alamat-url1.com">Menu1</option><br /> <option value="http://alamat-url2.com">Menu2</option><br /> <option value="http://alamat-url3.com">Menu3</option><br /> </select><br /> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK"><br /> </form>

3.MENU DROPDOWN DENGAN TOMBOL GAMBAR

Menu1
Menu2
Menu3

Silahkan COPY PASTE kode yang ada didalam kotak bawah:

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

TAMBAHAN:Jangan lupa saudara masukan alamat URL yang saudara inginkan dalam kode yang ada di dalam box tadi.

ISI ALAMAT URL YANG SAUDARA KEHENDAKI DI TULISAN INI:Menu1 DENGAN MENGGANTI ALAMAT URL1.COM DENGAN URL YANG SAUDARA KEHENDAKI.

SELESAI.terima kasih telah berkunjung ke blog ini

GBU