Home » , » Membuat Menu Dropdown

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.

PENTING!!!
ANDA TIDAK BEKERJA? INGIN TAHU INFORMASI LOWONGAN KERJA TERBARU DI KOTA ANDA? KUNJUNGI LOWONGAN KERJA TERBARU DISINI
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Delta Komputer

0 komentar:

Posting Komentar

 
Support : PING by :Ping-o-Matic | Pusat Promosi
Copyright © 2011. Tutorial dan Free Download - All Rights Reserved
Template Modify by Creating Website
Re Design by Bang Aris