Membuat Menu Dropdown

Diposkan oleh Madie Zha on 12 November 2011 at 1:51 PM

Membuat Menu Dropdown | Tutorial Blog

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.

.:. 13 komentar .:.Post a Comment

  1. makasih atas tutorial nya gan...izin copas....

    ReplyDelete
  2. saya pernah nyoba, eh malah gagal..
    nanti dah saya praktek pake tutorial ini

    mantap lah jurnalnya, ;-)

    ReplyDelete
  3. makasih tutorialnya sangat bermanfaat

    ReplyDelete

  4. artikelnya sangat menakjubkan gen B-)

    ReplyDelete
  5. . artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    ReplyDelete
  6. sangat menarik sekali infonya :)

    ReplyDelete
  7. kalo membuat drobdown kayak punya sampean itu gimana caranya pak.. hehehe..

    ReplyDelete
  8. salam kenal gan web anda sangat menarik sekali

    ReplyDelete
  9. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom