Search Egine

Thursday, November 18, 2010

Cara Membuat Menu Drop Down

Hai sobat blogger, disini saya akan memberikan penjelasan membuat menu drop down. Menu Dropdown adalah kumpulan beberapa data (berupa text dan link)  yang di ringkas menjadi menu tunggal. Menu dropdown ini berguna untuk menghemat ruang pada blog, menyimpan link dan textyang banyak, dan dapat mempercantik tampilan
pada blog.  Langsung saja berikut langkah-langkah pembuatan menu dropdown.


Login Ke Blogger 
Klik Rancangan  Elemen Halaman  Tambah gadget  HTML/JavaScript
Kemudian Copy Paste kode di bawah ini :



<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Label</option>
<option value="Link 1">Teks 1</option>
<option value="Link 2">Teks 1</option>
<option value="Link 3">Teks 1</option>
<option value="Link 4">Teks 1</option>
</select>



Ganti tulisan yang berwarna biru dengan link atau teks.


Maka akan menghasilkan tampilan seperti ini.



Jika ingin menambahkan menu lagi, tambahkan kode seperti ini :


<option value="Link 5">Text 5</option>

sebelum kode </select>



Jika sudah selesai, simpan dan lihat hasilnya. Selamat mencoba.....

No comments:

Post a Comment

 
Copyright © 2011. Gudang Software . All Rights Reserved
Design by Gilank Rockabilly .