XtGem Forum catalog
HomeMenu
Welcome to this blog,
Hopefully the article I share can help you,
We apologize if there are errors in this blog.
Thank you for your visit.

Cara Membuat Menu Pulldown Tombol Button | Form Dropdown | Pulldown

Pull down menu seringkali juga disebut sebagai dropdown menu atau jump menu. Disebut pull down karena list menu akan muncul setelah bagian atas menu di klik atau ditekan, dan disebut pula dropdown menu karena setelah di-klik sederet list menu akan muncul secara berurutan ke bawah.

Pull down menu atau drop down menu sangat bermanfaat untuk menampilkan list pilihan yang sangat panjang karena dapat memperpendek panjang halaman blog atau web dan akan membuat blog atau web tampak lebih elegan dan professional.

Anda dapat menggunakan menu pull down ini untuk menyusun link-link blogrol, label, arsip, kategori dan lain sebagainya.

Dalam kesempatan ini saya akan sedikit mengulas dan share tentang cara membuat drop down atau pull down menu plus button yang berbasis HTML form dan perintah fungsi javascript itu. Secara singkat, pulldown menu merupakan rangkaian opsi tag option di dalam selection yang semuanya dirangkum menjadi sebuah form

Di bawah ini script selengkapnya copy semua codenya

<form name="lompat"><select name="menu"><option>--MENU TUTORIAL--</option><option value="URL Anda">List 1</option><option value="URL Anda">List 2</option><option value="URL Anda">List 3</option><option value="URL Anda">List 4</option><option value="URL Anda">List 5</option><option value="URL Anda">List 6</option></select></form><input type="button"onClick="location.lompat.menu.options[document.jump.menu.selectedIndex].value;" value="GO">

Untuk merancangnya kita gunakan link kreasi anda untuk tujuanya dan nama untuk link nya

Untuk memberikan isi atau list menu, tambahkan Value dan Anchor Text pada tag option, identitas fungsi (name) pada selection, dan fungsi form

Apa yang tampak di bagian form adalah nama list yang pertama dan kurang informatif, tambahkan option dengan value kosong dan text sebagai informasi bagi pengunjung tentang isi menu tersebut.

Kostumisasi: - Ganti -- MENU TUTORIAL -- dengan text yang ingin dimunculkan pada baris paling atas menu pull down.

Ganti GO dengan kata atau perintah lain yang lebih disukai di blog blogger, anda dapat dengan mudah untuk memasangnya di halaman blog, wapsite.

Selamat mencoba dan semoga bermanfaat,

Selamat berkreasi.
Wasalamualaikum wm, wb.

Back to posts
Comments:
[2016-11-05 04:31:39] John_Asto :

Ijin comot gan :)

[2016-11-05 08:23:08] RIOO :

Ya gan silakan di nikmati haha..


UNDER MAINTENANCE