Selasa, 05 November 2013

Home » » Cara Membuat Menu Dropdown

Cara Membuat Menu Dropdown

Cara Membuat Menu Dropdown

Cara Membuat Menu Dropdown

Pada kesempatan kali ini Cik Awi akan ngeposting Tutoriak blog yaitu tentang

Cara Membuat Menu Dropdown

kalau di postingan terdahulu sebenarnya Cik Awi sudah pernah bahas baik menu horizontal maupun membuat form menu label dalam satu kolom atau yang sering di istilahkan Menu Dropdown. Adapun Menu dropdown yang akan saya share kali ini agak sedikit berbeda dengan yang telah pernah saya share sebelumnya, karena menu dropdown yang ini ada sedikit tambahan perintah "GO". Adapun pungsi dari perintah "GO" tersebut untuk mereload dan mengatasi masalah saat di akses khusus bagi pengguna handphone, karena di beberapa browser peramban seperti UCbrowser dan browser bawaan handphone jika tidak ada perintah GO nya baik pada kolom pencarian maupun pada menu dropdown tidak akan berpungsi atau tidak bisa mereload secara automatis dan ini tentu sangat berbeda kalau kita akses via PC ataupun via browser operamini pada HP.

Dan ini adalah demo menu dropdown dengan tambahan fitur GO:

Cara Membuat Menu Dropdown

Adalah sebagai berikut dan cara pemasanganya pun tidak perlu EDIT HTML cukup melakukan langkah ini.

1. Login ke akun blogger Anda,
2. Klik Tata Letak,
3. Pilih Tambahkan Gadget,
4. HTML/Javascript,
5. Masukan kode di bawah ini pada kolom yang tersedia lalu save.

<form name="jump"><select name="menu"><option value='URL 1 disini' >JUDUL 1</option><option value='URL link 2 disini' >JUDUL 2</option><option value='URL 3 disini' >JUDUL3</option><option value='URL 4 disini' >JUDUL 4</option><option value='URL 5 disini' >JUDUL 5</option><option value='URL 6 disini' >JUDUL 6</option></select><input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"></form>

Keterangan :
1. Ganti Url 1 sampai dengan Url 6 sesuai yang Anda inginkan.
2. Ganti JUDUL 1 sampi dengan JUDUL 6 sesui yang Anda kehendaki.
kiranya hanya ini yang bisa Cik Awi share kali ini berkenaan

Cara Membuat Menu Dropdown

.

Ada 10 Komentar Pada Artikel » Cara Membuat Menu Dropdown

  1. terima kasih tutorialnya mas cik, mrnu dropdown ini jadi bisa menghemat tempat ya

    BalasHapus
  2. terkadang daro browser komputer dan hp agak berbeda ya mas...

    BalasHapus
  3. jadi mempermudah bagi yang suka browsing pake hp ya Bang?

    BalasHapus
  4. sekarang mah google drive atuh :)

    BalasHapus
  5. Tipsnya sangat bermanfaat gan terimakasih :)

    BalasHapus
  6. Keren banget . thanks gan .
    . kapan-kapan kunjungi blog saya : http://nandeanime.blogspot.com/

    BalasHapus
  7. keren kunbal ya!!!!
    fikridzulfikar.blogspot.com

    BalasHapus
  8. mantap gan , ane mau coba dulu semoga saja cocok !

    BalasHapus
  9. www.draftermigas.blogspot.com

    BalasHapus
  10. trus cara ngisi halam 1 sampai 6 gmn, biar ada kontainya??

    BalasHapus

Label terkait:
|widget|Tips n trik1|Tips n trik2|Suak Putat|Seputar Jambi|Sejarah|Saint|Kehidupan|Religi|Olahraga|Mp3|Layanan|Langka tapi Nyata|Game|Ekonomi|Aplikasi|Kamus Bahasa|

Diberdayakan oleh Blogger.