» » Membuat Menu Dropdown

Membuat Menu Dropdown

Diposkan oleh Unknown 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.
Label: , Tutorial Blog

Tutorial Blog | Membuat Menu Dropdown

.:. 10 komentar .:.Post a Comment

  1. ban terbaik di indonesia GT Radial13 November, 2011 10:00

    wah keren gan, izin nyimak gan .

    ReplyDelete
  2. rendra's blender13 November, 2011 13:12

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

    ReplyDelete
  3. Anonymous14 November, 2011 22:54

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

    mantap lah jurnalnya, ;-)

    ReplyDelete
  4. hartadi17 November, 2011 11:22

    makasih tutorialnya sangat bermanfaat

    ReplyDelete
  5. obat kulit belang11 October, 2013 12:11


    artikelnya sangat menakjubkan gen B-)

    ReplyDelete
  6. rianti06 November, 2013 10:54

    . 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
  7. tedi26 November, 2013 11:22

    sangat menarik sekali infonya :)

    ReplyDelete
  8. Unknown10 February, 2014 21:05

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

    ReplyDelete
  9. Obat Ambeien Yang Manjur Tanpa Operasi04 June, 2015 07:36

    salam kenal gan web anda sangat menarik sekali

    ReplyDelete
  10. Obat Kencing Nanah Atau Gonore20 June, 2015 23:25

    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