Saturday, June 09, 2007

Membuat Dropdown atau Pulldown Menu

Bagaimana caranya untuk membuat drop-down atau pull-down menu seperti salah satu bagian blog ini (bagian Tutorial/Tips)?
-lihat 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.

Satu contoh di blog ini:
<option value="http://pernakpernikblog.blogspot.com/2007/01/publish-blog.html">
Publish ke Google</option>

Selamat mencoba :)

Baca selengkapnya....