Cara Membuat Dropdown Menu

Apakah dropdown menu itu?
yang dimaksud dropdown menu adalah seperti yang terlihat di bawah ini:



Bagaimana, anda sudah tahu kan?
Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.

Tertarik? Mau mencobanya?
Begini caranya :

Login ke blogger, lalu masuk ke menu "Page Element" lalu pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotak "Content"

< select onChange="document.location.href=this.options[this.selectedIndex].value;">
< option value="0" selected>Arsip Blog
< option value="Links 1"Tampilan 1 < /option>
< option value="Links 2"Tampilan 2 < /option>
< /select>

Ganti tulisan Link 1 dan link 2 dengan link- link anda.
Tampilan 1 dan tampilan 2 adalah tulisan yang ditampilkan. Itu juga harus anda ganti.

Contohnya seperti ini :

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





untuk menambahkan menu lagi, tambahkan kode seperti ini :

< option value="Links 2">Text 2

sebelum kode

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk arsip dan link-link yang masih berhubungan dengan blog tersebut.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog anda. Yang ini cocok untuk Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut

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

ganti dengan kode ini :

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

Tertarik? Silakan coba!


Sumber: parablogger

Baca juga artikel lainnya !

UBUNTU CORNER