2 Jenis Menu Drop Down

Bookmark and Share
Apa itu menu drop down? Menu drop down yaitu menu tarik turun yang bisa kita gunakan untuk membuat pilihan untuk para pembaca blog kita ataupun website kita. Contohnya jika kita membuat suatu formulir pendaftaran, pasti kita akan menanyakan tanggal lahir seseorang yang ingin mendaftar. Caranya dengan membuat Menu Drop Down ini. 

Misalnya Tanggal, Bulan dan Tahun kelahiran orang tersebut. Orang tersebut akan memilih tanggal kelahiran mereka masing masing di daftar yang telah ditentukan. Tidak mengerti maksud saya ini? Mari kita langsung saja ke pokok pembahasannya.


Langkah 1: Membuat menu Drop Down Pertama

Langsung saja kodenya yaitu:
<select onchange="document.location.href=this.options[this.selectedIndex].value;">
<option selected="selected" value="0">Silahkan Di Pilih</option>
<option value="http://lembaran-artikel-menarik.blogspot.com/">KAM 1</option>
<option value="http://lembaran-artikel-menarik.blogspot.com/">KAM 2</option>
<option value="http://lembaran-artikel-menarik.blogspot.com/">KAM 3</option>
</select>

Keterangan:
  1. Kode yang bertuliskan Silahkan Di Pilih adalah judul menu dan bisa anda ubah sesuai kemauan anda
  2. Kode yang bertuliskan http://lembaran-artikel-menarik.blogspot.com bisa anda rubah sesuai kemauan anda juga dan Ingat! anda bisa menambah alamat url dengan berbagai macam alamat
  3. Kode yang bertuliskan KAM 1, KAM 2 dan seterusnya bisa juga anda ganti dengan judul alamat url yang anda tampilkan di menu
Langkah 2: Membuat Menu Drop Down Kedua

Kodenya yaitu:
<div class="widget widget_text" id="text-473761315">
<div class="textwidget">
<div style="height: 100px; overflow: auto; width: 259px;">
<ul>
<li>Teks Anda Disini !!!
</li>
<li>Teks Anda Disini !!!
</li>
<li>Teks Anda Disini !!!
</li>
<li>Teks Anda Disini !!!
</li>
<li>Teks Anda Disini !!!
</li>
<li>Teks Anda Disini !!!
</li>
<li>Teks Anda Disini !!!</li>
</ul>
</div>
</div>
</div>

Keterangan:
Silahkan rubah semuya kode yang bertuliskan Teks Anda Disini !!! sesuai kemauan anda

Jika ada yang ingin dianyakan atau tidak dimengerti silahkan poskan komentar anda di bawah!

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

Powered By Blogger