Senin, 16 Juli 2012

You are here : Home » WIDGET BLOG » Membuat Menu Dropdown

Membuat Menu Dropdown

Agan pernah melihat menu seperti ini ????


Itulah Menu Dropdown (Atau juga disebut Jump Menu).

Ini sebenarnya hampir sama dengan widget fungsi Scroll. Hanya bentuknya saja berbeda. Keduanya sama-sama di gunakan untuk mewadahi banyaknya link postingan.

Untuk membuat menu dropdown ini, Agan bisa salin kode berikut.

<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"><option>- Judul Menu -</option><option value="alamat link artikel 1">judul 1</option><option value="alamat link artikel 2">judul 2</option><option value="alamat link artikel 3">judul 3</option><option value="alamat link artikel 4">judul 4</option><option value="alamat link artikel 5">judul 5</option></select></form>
<div style="text-align: justify;">

Ganti tulisan Judul Menu dengan judul lain.

Ganti tulisan alamat link artikel dengan alamat link postingan Agan.

Ganti tulisan judul dengan judul postingan Agan.

Dan Agan bisa memperbanyak jumlah isian dari menu Dropdown itu sampai berapa pun jumlahnya dengan cara menambahkan kode berikut. Ingat, letakkan sesudah judul terakhir.

</option><option value="alamat link artikel 6">judul 6

Dan jangan lupa, kode penutupnya tetap seperti ini.

</option></select></form>
<div style="text-align: justify;">

Jika bingung, lihat lagi kode keseluruhannya.

Ok, selamat mencoba.

Tidak ada komentar: