Cara Membuat Menu DropDown Di Blog

Posted by Gani Mugni 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
blogroll
(tukar link), bisa di gunakan untuk menu arsip juga.

Berikut cara pembuatan menu dropdown

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 Gani Mugni
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 http://azharadzuan.blogspot.com/2011/12/cara-membuat-menu-dropdown-di-blog.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Panduan blog dan SEO support Jual Online Baju Wanita - Original design by Bamz | Copyright of Azhara Blog.