0 Cara Membuat Menu Dropdown di Blog

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

Contoh dropdown menu adalah seperti berikut :

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

Code By.  www.tutorialblog45.blogspot .com

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

Ket :
Link 1: Masukkan link untuk dibuka
Text 1: Masukkan judul entri

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 kode di atas, apabila link akan dibuka pada page yang sama. Untuk buka link pada page/window yang berlainan, silalakan tukarkan kode:

Code By.  www.tutorialblog45.blogspot .com

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

kepada kode ini.

Code By.  www.tutorialblog45.blogspot .com

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

Mudah bukan.
Selamat mencoba.:)

Artikel Terkait :