Welcome to my BlogSite : End of Technology

Wednesday, March 14, 2012

Membuat Drop Down Menu



Berikut cara membuat Drop Down menu seperti contoh diatas.

1. Buka Design/Layout, pada page elements klik add a gadget

2. Pilih HTML/JavaScript



3. Lalu masukan Script berikut ini :

<select onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="0" selected="selected">MENU</option><option value="http://endoftech.blogspot.com/2012/03/mematikan-fungsi-block-text-klik-kanan.html"> Mematikan Fungsi Block Text, Klik Kanan & Copy </option><option value="http://endoftech.blogspot.com/2012/02/membunuh-dr-watson-postmortem.html"> Membunuh Dr. Watson Postmortem </option><option value="http://endoftech.blogspot.com/2012/02/mempermudah-url-google-profile-id.html"> Mempermudah URL Google+ Profile ID </option><option value="http://endoftech.blogspot.com/2012/02/membuat-teks-berjalan-marquee.html"> Membuat Teks Berjalan (Marquee) </option><option value="http://endoftech.blogspot.com/2012/02/menghapus-blog.html"> Menghapus Blog </option></select>

Note : Ubah Link yang berwarna biru dengan link yang diinginkan. Dan ganti Teks yang berwarna merah dengan Teks yang kamu inginkan.

7. Dari Script di atas maka hasilnya adalah sebagai berikut.



8. Jika kamu ingin menambahkan menu-menu yang lainya, kamu tinggal menambahkan Kode berikut ini di atas kode </select>.

<option value="URL link">Teks</option>.

9. Setelah selesai semua jangan lupa Save.

Semoga tips Membuat Drop Down Menu ini dapat membantu.