Friday, November 5, 2010

Cara membuat menu pull down blogger

Apa sih yang namanya menu pulldown, dan seperti apa wujud menu tersebut? Menu yang satu ini sebetulnya sudah tidak asing lagi bagi kita karena hampir setiap computer yang pernah kita jumpai semuanya memuat si menu pulldown itu.



Menu Pull down menurut definisi delpid yaitu sederetan menu yang tersusun vertical dimana akan muncul setelah tombol tanda panah ke bawah kita klik. Gimana udah jelaskah dikau? Atau masih bingung. Nih biar enggak bingung perhatikan gambar di bawah ini, kalau mau coba silahkan klik saja biar sekalian tau manfaat dari menu pulldown.







Mengenai cara pembuatannya, ikuti terus tips ini sampai selesai.

Secara garis besar, kode untuk membuat menu pulldown adalah sebagai berikut:



<select name="menu" size="1" onchange="window.open(this.options

[this.selectedIndex].value,'_blank')" style="width: 300px;">

<option selected="" value="0">JUDUL MENU

</option><option value="Link1">Judul Link1

</option><option value="Link2"> Judul Link2

</option><option value="Link3"> Judul Link3

</option></select>



Sedangkan kode yang saya pasang diatas adalah:



<select name="menu" size="1" onchange="window.open(this.options [this.selectedIndex].value,'_blank')" style="width: 300px;"><option selected="selected" value="0">.: Daftar Blog saya :.</option><option value="http://delpid.blogspot.com/">delpid</option><option value="http://sabarmuanas.co.cc">Blog Sabarmuanas</option><option value="http://www.sabarmuanas.com">Sabarmuanas.com</option><option value="http://mig33-center.blogspot.com">Mig33 center</option></select>



Dan hasil jadinya seperti ini :







Selamat membuat menu pulldown dan memasangnya di blog, semoga berhasil.





BACA JUGA!

- Menonaktifkan klik kanan mouse pada blog

- Membuat recent post fungsi scroll dengan javascript

- Membuat judul posting berkedip

- Cara memasang emotion pada komentar blog

- Memasang Emotion pada Blogger

- Kode CSS Border Padding dan Margin

- Cara memasang form email berlangganan dari feed burner google

- Cara memasang widget pagerank

- Membuat sidebar dalam kotak yang terpisah

- Membuat related post dengan scroll

- Cara memasang google Translate bendera



No comments:

Post a Comment

 

Sponsor