Warung Bebas

Sabtu, 12 November 2011

Membuat Menu Dropdown

Membuat Menu Dropdown | Tutorial Blog

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 em “Membuat Menu Dropdown”

Poskan Komentar

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger