7 Langkah Cara Membuat Menu Dropdown Pada Blog

Tutorial Blog kali ini akan membahas mengenai Cara Membuat Menu Dropdown pada blog. Pada postingan yang lalu saya telah membahas mengenai Cara Membuat Membuat Link Untuk Download. Jika sobat belum membacanya,sobat bisa membacanya lagi

Pada postingan kali ini, saya akan berbagi dengan sahabat blogger mengenai Cara Membuat Menu Dropdown Pada blog. Fungsi Menu Dropdown ini hampir sama fungsinya fungsi scroll,yaitu sama-sama bisa menghemat ruang pada halaman blog sobat.

 Untuk lebih jelas mengenai Menu Dropdown,silahkan lihat contoh dibawah ini.

- LAGUKU - Hanya untukmu bidadarihatiQ Saat Ku Jauh Darimu untuk ibu kaulah yg terakhir (untukku) Kaulah Cintaku Saat kau Jauh dariku lagu lainnya

Silahkan sobat klik tanda panah diatas,maka akan keluar daftar lagu-lagu mulik saya.Tertarik untuk membuat Menu Dropdown ??? Kalau tertarik,seperti biasa kita langsung saja ke TKP

Cara Membuat Menu Dropdown Pada blog

1. Siapkan Link sobat yang akan dimasukkan kedalam Menu Dropdown,apakah itu Link software,link lagu seperti milik saya diatas,atau link lainnya yang sobat inginklan.
2. Seperti biasa kunjungi situs blogger.com
3. Masukkan alamat E-mail dan Pasword Anda
4. Setelah halaman blog Anda terbuka,silahkan alihkan perhatian Anda disudut Kanan atas,nah disitu ada tulisan Desain.Klik tulisan Desain tersebut
5. Jika halaman Desain sudah terbuka pilih Rancangan lalu Eleman halaman kemudian Tambah Gadget.Jika gadget sudah terbuka,Pilih HTML/Javascript
6. Isi judul Gadget yang Anda inginkan,jika ingin buat daftar isi blog,bisa Anda tulis Daftar Isi Blog
7. Copy paste kode dibawah ini didalam HTML

 

<br /> <br /> <form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION> <br /> <br /> <option value="isi dengan link/addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form> <br />

Supaya lebih jelas saya berikan berikan ilustrasi Menu Drop milik saya.Dibawah ini adalah Link lagu milik saya,silahkan sobat ganti dengan Link milik sobat.

<br /> <br /> <form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><br /> <option>- LAGUKU -</option><br /> <option value="http://www.ziddu.com/download/18403599/HanYauNtuKmu.mp3.html">Hanya untukmu</option><br /> <option value="http://www.ziddu.com/download/18403598/bidadarihatiQ.mp3.html">bidadarihatiQ</option><br /> <option value="http://www.ziddu.com/download/18403597/SaatKuJauhDarimu.mp3.html">Saat Ku Jauh Darimu</option><br /> <option value="http://www.ziddu.com/download/18403600/untukibu.mp3.html">untuk ibu</option><br /> <option value="http://www.ziddu.com/download/18403601/kaulahygterakhiruntukku.mp3.html">kaulah yg terakhir (untukku)</option><br /> <option value="http://www.ziddu.com/download/18403602/KaulahCintaku.mp3.html">Kaulah Cintaku</option><br /> <option value="http://www.ziddu.com/download/18403604/SaatkwJauhdariku.mp3.html">Saat kau Jauh dariku</option><br /> <option value="http://www.ziddu.com/download/18403603/Lagu Lainnya.mp3.html">Lagu Lainnya</option><br /> </select></form> <br />

Maka hasilnya adalah seperti dibawah ini

- LAGUKU - Hanya untukmu bidadarihatiQ Saat Ku Jauh Darimu untuk ibu kaulah yg terakhir (untukku) Kaulah Cintaku Saat kau Jauh dariku lagu lainnya

Bagaimana, Apakah Anda sudah mendapat sedikit gambaran mengenai bagaimana Cara Membuat Menu Dropdown Pada Blog ?

Lokasi:

Berbagi :