Cara Membuat Menu DropDown

Menu Dropdown yang dalam bahasa inggrisnya Dropdown Menu. adalah menu yang biasa berisi kumpulan link yang ditempatkan pada suatu kotak yang apabila di klik kotak tersebut akan muncul kebawah maupun keatas beberapa link yang kita simpan. link ini bisa kita isi dengan link arsip artikel blog kita, link blog/web teman teman kita, link situs/wesite yang sering kita kunjungi dan sebagainya.

Dropdown Menu adalah kotak yang dibuat untuk meminimalisasi halaman dalam kata lain dapat menampung beberapa link dalam tempat yang seminimal mungkin. dropdown menu berbentuk seperti Combo Box yang kita kenal dalam microsoft office.

berikut cara pembuatannya :

  1. Login ke Blogger
  2. Kemudian klik Tata Letak dan Elemen Halaman
  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  4. Lalu pilih HTML/JavaScript
  5. Langkah selanjutnya masukkan kode dropdown menu seperti contoh dibawah ini :

<form><select name="menu" onchange= "window.open(this.options[this.selectedIndex].value,'_blank')" size=1 name=menu>
<option>- My Favorite Links -</option>
<option value="http://trik-tips-tutorial.blogspot.com/">Trik Tips Tutorial</option>
<option value="http://adesyams.blogspot.com/">Ade'S Tricks</option>
<option value="http://www.facebook.com/">Facebook</option>
<option value="http://www.detiksport.com/">Detik Sport</option>
<option value="http://www.kompas.com/">Kompas</option>
</select></form>



Hasilnya akan seperti ini :



Ket :
Gantilah tulisan yang berwarna biru dengan link yang diinginkan.
Adapun tulisan yang berwarna merah adalah tulisan/nama dari link yang berwarna biru tersebut.

Demikianlah artikel tentang Cara Membuat Menu DropDown
Kembali ke Beranda Blog Trik Tips Tutorial
Semoga Bermanfaat..

Note : Untuk memposting ulang artikel dengan hormat harap menyertakan link sumber.. Terima Kasih.. Apabila ada kekeliruan, masukan, tambahan ataupun masalah pada artikel ini.. hub : [ Kontak Admin ]

Baca Juga Dibawah ini :

0 komentar:


Poskan Komentar

 
Terima kasih anda telah mengunjungi blog ini.. Semoga bermanfaat dan semoga berjumpa di kemudian hari..
me Trik Tips Tutorial
Blog ini didedikasikan bagi mereka yang ingin berbagi ilmu pengetahuan di dalam dunia internet, Khususnya Trik, Tips dan Tutorial.
Mari kita dukung berbagi ilmu dengan blog untuk memajukan ilmu pengetahuan.
Pasang link blog ini klik teks lalu Ctrl+C kode di sebelah kanan ini :