Dropdown Menu

Jumat, 19 Maret 2010

Dropdown menu adalah salah satu dari bentuk form yang dapat menampilkan / menyembunyikan isi dari satu atau lebih link teks, jika link teks tersebut di-klik maka akan muncul isi dari link teks tersebut. Dropdown berarti link-link tersebut akan muncul jika pengunjung melakukan klik pada tanda panah pilihan disamping form kecil ini. Seperti pada gambar berikut ini :

Untuk lebih aktualnya seperti pada contoh berikut ini :

Bagaimana menarik bukan ...? Untuk membuat dropdown menu ini anda tinggal meng-copy kode berikut, dan menempatkannya pada sidebar/widget, bahkan pada posting sekalipun.

Penjelasan dari kode diatas :
1. size=1 adalah ukuran dari tampilan dropdown menu, silahkan anda ubah dengan angka yang lebih besar jika perlu.
2. tulisan disini yang akan muncul duluan ini adalah tulisan keterangan yang tampil pada dropdown tersebut.
3. tulisan di sini yang akan muncul ini adalah teks dengan url tujuan/link teks, jika dropdown (tanda panah) di klik sebagai pilihan / option pertama yang muncul.
4. Untuk menambahkan pilihan / option kedua dan seterusnya, anda tinggal meng-copy kode
<option value="isi dengan url addres yang ingin di tuju">tulisan di sini yang akan muncul</option>
dan Paste-kan dibawah kode yang anda Copy diatas. Lanjutkan dengan mengedit untuk option kedua, dan seterusnya.

Kode diatas dapat anda download dan modifikasi disini Download Kode
Oke Selamat mencoba...!