Home / Trik dan Tips Blog / Cara Membuat Menu DropDown Di Blog

Cara Membuat Menu DropDown Di Blog

Posted by Unknown Sabtu, 03 Desember 2011 0 komentar

Makanan apa itu menu dropdown

?bagaimana cara membuatnya? Dan apa kegunaan dari menu dropdown? Kode untuk membuat menu dropdown.

Menu dropdown ialah

menu pull-down yang berupa kumpulan teks dan link dalam 1 menu ringkas.

kegunaan menu dropdown

ialah untuk meringkas teks dan link, biasanya menu dropdown ini digunakan untuk wadah dari daftar

Menu dropdown model biasa

<select onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected="selected" value="0">
judul dropdown
</option>
<option value="
http://alamat-link1.com
">dropdown link1</option>
<option value="
http://alamat-link2.com
">dropdown link2</option>
<option value="
http://alamat-link3.com
">dropdown link3</option>
<option value="
http://alamat-link4.com
">dropdown link4</option> </select>

Hasil dari kode menu dropdown diatas==>>

Menu dropdown model tombol

<form name="jump">
<select name="menu">
<option selected="selected" value="0">
Judul dropdown
</option>
<option value="
http://alamat-link1.com
">dropdown link1</option>
<option value="
http://alamat-link2.com
">dropdown link2</option>
<option value="
http://alamat-link3.com
">dropdown link3</option>
<option value="
http://alamat-link4.com
">dropdown link4</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</form>

Hasil dari kode diatas berikut==>>

NB: kode yang berwarna merah bisa diganti sesuai keinginan anda.OK

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Cara Membuat Menu DropDown Di Blog
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://azharadzuan.blogspot.com/2011/12/cara-membuat-menu-dropdown-di-blog.html. Terima kasih sudah singgah membaca artikel ini.