Membuat Hidangan Dropdown

Monday, January 7, 2013

Bagikan :

Tweet

Membuat Menu Dropdown |

Menu Dropdown merupakan kumpulan beberapa data berupa text dan link, yang di ringkas menjadi sajian tunggal. Pada Tutorial kali ini saya akan membuatkan ihwal instruksi untuk menciptakan sajian 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 menyerupai ini; Menu1 Menu2 Menu3 Jika teman ingin link yang diklik akan dibuka di window baru, silakan ganti instruksi <select onChange="document.location.href=this.options[this.selectedIndex].value;"> dengan instruksi berikut ini : <select onchange="javascript:window.open(this.options[this.selectedIndex].value);"> Sebagai referensi saya akan memakai instruksi 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 kesudahannya menyerupai ini; Semoga Artikel diatas dapat membantu teman yang ingin Membuat Menu Dropdown.

Tag : Tips Dan Trik, Tutorial Blogspot