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;<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>
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;<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>
Semoga Artikel diatas bisa membantu sobat yang ingin Membuat Menu Dropdown.
0 komentar:
Posting Komentar