Membuat Menu Drop Down

Drop Down sangat membantu kita untuk menyediakan banyak link dalam satu baris menu saja. Ketika kita membuka menDrop Down tersebut akan muncul sederetan link yang telah kita simpan didalamnya. Drop Down dalam blog sangat bermanfaat untuk menghemat tempat.

Untuk membuatnya, login ke akun blogger anda, lalu masuk ke bagian Design, Page Element. Setelah itu klik Add Gadget, Pilih HTML/Java Script. lalu masukkan kode dibawah ini:

1. Tipe drop down yang membuka link pada halaman yang sama ketika di klik


Drop Down Menu Tipe 1
Home
Text 2


Kode drop down diatas:
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Drop Down Menu Tipe 1</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>


2. Tipe drop down yang membuka link pada halaman baru ketika di klik


Drop Down Menu Tipe 2
Home
Text 2


Kode drop down di atas:
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Drop Down Menu Tipe 2</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Siahkan pilih salah satu tipe drop down yang anda inginkan dan salin kodenya untuk diletakkan ke gadget anda. Setelah selesai klik save untuk menyimpan gadget anda.

Keterangan:
Kode warna merah merupakan kode yang membedakan ketika link di klik akan dibuka ke halman yang sama atau halaman yang baru. Kode warna oranye adalah judul dari drop down. Kode warna ungu adalah kode di mana anda harus meletakkan link/URL anda, sedangkan kode warna kuning adalah caption dari URL anda.