Minggu, 12 Desember 2010

Cara Membuat Menu Drop Down

Ada yang tau nggak sama menu drop down???? Kalo nggak tau silahkan lihat contohnya di bawah:



Menu drop down adalah sebuah menu yang bisa memperlihatkan daftar secara horizontal, tapi daftar itu isinya link.... jadi kita bisa menyimpan link di menu drop down. Gimana, mau buat??? kalo mau silahkan lihat caranya:

1. Kopi kode di bawah ini dan paste di blog anda:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>Judul</OPTION>

<option value=alamat link>Link 1</option>
<option value=alamat link>Link 2</option>
<option value=alamat link>Link 3</option>

</select></form>


- Tulisan yang berwarna hijau bisa anda ganti dengan tulisan apa aja untuk judul menu drop downnya.
- Tulisan yang berwarna merah adalah tempat anda menulis alamat link.
- Tulisan yang berwarna biru bisa anda tulis dengan tulisan apa aja.

Nanti misalnya saya menulis

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>Daftar link</OPTION>

<option value=http://www.google.com>Google</option>
<option value=http://www.yahoo.com>Yahoo</option>
<option value=http://www.msn.com>MSN</option>

</select></form>


Maka hasilnya akan jadi seperti ini:



Selamat mencoba dan semoga bermanfaat!

Tidak ada komentar:

Posting Komentar