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
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...