Membuat Dropdown atau Pulldown Menu

dari (http://pernakpernikblog.blogspot.com/2007/06/membuat-dropdown-menu.html

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

Post a Comment