Membuat Menu Dropdown

Written By Chotot Dudulzz on Tuesday, October 19, 2010 | 11:54 PM

Bagaimana caranya untuk membuat drop-down atau pull-down menu seperti gambar:
Gambar: dropdown menu
Cara membuat dropdown menu seperti itu mudah sekali. Mari ikuti langkah-langkahnya.

1. Login ke blogger, pilih blog yang akan diedit.
2. Masuk ke menu Template - Edit HTML (untuk template classic), atau tambahkan page element HTML/Javascript (untuk template new blogger).
3. Cari bagian (sidebar) yang ingin ditambah dengan menu dropdown, lalu salin kode seperti di bawah. (Bisa diganti2 sendiri).

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

<option value="0" selected>Tulisan di Blog ini</option>

<option value="http://alamatlink_artikel1">Nama/Judul Artikel 1</option>
<option value="http://alamatlink_artikel2">Nama/Judul Artikel 2</option>

</select>
</form>
<br>
 Nah, bagian yang warna merah itu bisa diulang-ulang untuk tiap artikel yang ingin ditambahkan dalam pilihan di dropdown menu.

Related Post