Cara Membuat Menu Dropdown di Blog

Cara Membuat Menu Dropdown di Blog

Hallo gan kali ini Ane akan share tutorial simple caranya membuat menu dropdown yang beserta link di dalamnya, ya meskipun di blog lain mungkin sudah di share script/caranya, ok CEKIDOT, Untuk membuatnya silahkan anda copy kode HTML di bawah :

<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>Nama menu yang akan ditampilkan</OPTION> <option value="Alamat Url">Nama url yang akan ditampilkan</option> </select></form> g

Sebagai contoh script untuk menu Dropdown lebih dari satu :

<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option> Tutorial Blogger</option> <option value="http://muhamad-azhari.blogspot.co.id/2016/06/cara-menyembunyikan-judul-blog-di-header.html">Cara menyembunyikan judul blog di Header</option> <option value="http://muhamad-azhari.blogspot.co.id/2016/06/cara-mendaftarkan-blog-anda-di-search_22.html">Cara Mendaftarkan Blog di Search Engine </option> <option value=" <option value=" http://muhamad-azhari.blogspot.co.id/2015/08/cara-menggunakan-droidvpn.html">Cara menggunakan DroidVpn</option> <option value=" <option value=" http://muhamad-azhari.blogspot.co.id/2015/08/cara-mengedit-apk-android-tanpa-pc.html">Cara mengedit Apk Android Tanpa Pc</option> <option value=" <option value=" http://muhamad-azhari.blogspot.co.id/2015/08/cara-membuat-firefox-menjadi-cepat.html">Cara membuat Firefox menjadi lebih cepat</option> </select></form> </select></form>

 Hasilnya akan seperti berikut : 

Nama menu yang akan ditampilkan Nama url yang akan ditampilkan 

Menu pada dropdown bisa lebih dari satu, contoh seperti berikut :

  Tutorial membuat blog  Cara membuat Firefox menjadi Cepat Cara Menggunakan DroidVpn    Cara Mendaftarkan Blog Di search Engine   

sekian tutorial simple dari saya, semoga bermanfaat....

Author : Muhammad Azhari

ADMIN

Share this

Related Posts