Cara Membuat Menu Dropdown Standart

Menu dropdown atau menu pull- down, adalah kumpulan dari beberapa data yang berupa text atau link yang mempunyai kesamaan temadan diringkas jadi menu tunggal. Sehingga  tampilan judul dalam blog lebih hemat dan tidak banyak memakan tempat. Menu dropdown juga bisa mempercantik tampilan blog anda. Jika berminat, ikuti langkah-langkah berikut:

Berikut adalah kodenya:

Menu1 Menu2 Menu3

<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
</form>

Menu1 Menu2 Menu3

<form name="jump">
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>

Catatan:
Untuk Warna merah diisi http: dan menu konten anda.

Langkah pertama login ke blogger
Kemudian pilih Rancangan kemudian klik Elemen Laman
Selanjutnya Tambah Gadget lalu klik tambah HTML/JavaScript
Pastekan kode tersebut pada kolom HTML/JavaScript kemudian klik Simpan
Selesai.....

Artikel Terkait: