Cara Membuat Menu Dropdown

Kali ini Markas Tutorial akan membahas tentang Menu Dropdown yang dalam bahasa inggrisnya Dropdown Menu. Menu Dropdown adalah menu yang biasa berisi kumpulan link yang ditempatkan pada suatu kotak yang apabila di klik kotak tersebut akan muncul kebawah maupun keatas beberapa link yang kita simpan. link ini bisa kita isi dengan link arsip artikel blog kita, link blog/web teman teman kita, link situs/wesite yang sering kita kunjungi dan sebagainya.

Dropdown Menu adalah kotak yang dibuat untuk meminimalisasi halaman dalam kata lain dapat menampung beberapa link dalam tempat yang seminimal mungkin. dropdown menu berbentuk seperti Combo Box yang kita kenal dalam microsoft office.


berikut cara pembuatannya :

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode dropdown menu seperti contoh dibawah ini :

<form><select name="menu" onchange= "window.open(this.options[this.selectedIndex].value,'_blank')" size=1 name=menu>
<option>- My Favorite Links -</option>
<option value="http://markas-tutorial.blogspot.com/">Artikel Tutorial Ter-Lengkap & TerUp-date</option>
<option value="http://zahran-software.blogspot.com/">Zahran Software</option>
<option value="http://www.facebook.com/">Facebook</option>
<option value="http://www.vivanews.com/">Vivanews</option>
<option value="http://www.google.com/">Google</option>
</select></form>

Hasilnya akan seperti ini :

- My Favorite Links - Artikel Tutorial Ter-Lengkap & TerUp-date Zahran Software Facebook Vivanews Google

Ket :
Gantilah tulisan yang berwarna biru dengan link yang diinginkan.
Adapun tulisan yang berwarna merah adalah tulisan/nama dari link yang berwarna biru tersebut.

Semoga Bermanfaat Bagi Pembaca Sekalian!