Cara Buat Dropdown Menu

Dropdown menu dapat mengurangkan ruang yang digunakan pada paparan blog untuk meletakkan berbagai link. Antara kegunaan dropdown menu adalah untuk meletakkan link kawan², link permintaan, link tips dan berbagai lagi.

Contoh dropdown menu adalah seperti berikut

Cara untuk membuat dropdown menu ini adalah seperti berikut.

1. Login akaun blogger anda, dari dashboard > layout > page element > add a gadget > HTML/javascript

2. Copy code berikut ke dalam ruangan html/javascript.

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>Tajuk</option>
<option value="Link 1">Text 1</option>
<option value="Link 2">Text 2</option>
</select>

penerangan :
Link 1: Masukkan link untuk dibuka
Text 1: Masukkan perkataan/huruf untuk link

Jika anda hendak masukkan lebih banyak menu, cuma copy paste <option value="Link 2">Text 2</option> dan letakkan sebelum </select>
3. Apabila selesai, save hasil kerja anda.:)


TAMBAHAN:
Untuk kod di atas, apabila link akan dibuka pada page yang sama. Untuk buka link pada page/window yang berlainan, silahkan tukar dengan kod:

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

dengan kod ini.

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

Mudah bukan.
Selamat mencuba.:)
Sumber...

Sobat Blogger sedang berada di halaman Cara Buat Dropdown Menu dan Sedang membaca artikel Cara Buat Dropdown Menu ini dengan url http://arafcreativity.blogspot.com/2012/04/cara-buat-dropdown-menu.html. Dan Sobat Blogger juga boleh COPAS artikel Cara Buat Dropdown Menu ini jika bermanfaat dan jangan lupa untuk meletakkan link Cara Buat Dropdown Menu sebagai sumbernya.