Sabtu, 10 Maret 2012

Membuat Menu Drop Dop

Menu Dropdown merupakan kumpulan beberapa data berupa text dan link, yang di ringkas menjadi menu tunggal. Pada Tutorial kali ini saya akan berbagi tentang kode untuk membuat menu dropdown.
 Berikut caranya :
Login ke blogger, Kemudian Masukkan script berikut ini di area "Content" widget HTML/JavaScript blog Sobat.



<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<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>
Hasilnya akan seperti ini;


Jika sobat ingin link yang diklik akan dibuka di window baru, silakan ganti kode
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
dengan kode berikut ini :
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

Sebagai contoh saya akan menggunakan kode tersebut untuk Link Teman.
Berikut kodenya;


<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option selected="selected" value="0">Link</option>
<option value="http://bakulatz.wordpress.com/">BakulatZ</option>
<option value="http://m4d13.blogspot.com/">m4d13_blog</option>

</select>
Maka hasilnya seperti ini;
Tutorial Blog

Semoga Artikel diatas bisa membantu sobat yang ingin Membuat Menu Dropdown.

0 komentar:

Posting Komentar