Friday, February 19, 2010

Cara Membuat Menu Dropdown

Langkahnya adalah

1. Copy Paste HTML di bawah ini

<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>



<option value="isi dengan URL addres yang akan di tuju">Tulisan yang akan muncul</option> </select></form>



Sebagai contoh akan saya buat Menu Dropdown dari blog kesayangan saya ini:



<form><select name="menu"

onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option" Tutorial Blogger by DW "</option>



<option value="http://tutorialblogger-dw.blogspot.com/2010/02/membuat-blog-di-bloggercom.html">Cara Membuat Blog</option>

<option value="http://tutorialblogger-dw.blogspot.com/2010/02/cara-memposting-tulisan-di-blogger.html">Cara Posting Tulisan</option>

<option value="http://tutorialblogger-dw.blogspot.com/2010/02/cara-merubah-template-blogger.html">Cara Merubah Template</option>

<option value="http://tutorialblogger-dw.blogspot.com/2010/02/cara-mengatur-huruf-dan-warna-untuk.html">Cara Mengatur Huruf & warna</option>

<option value="http://tutorialblogger-dw.blogspot.com/2010/02/cara-mengatur-arsip-atau-menambah.html">Cara Mengatur Arsip</option>

<option value="http://tutorialblogger-dw.blogspot.com/2010/02/cara-membuat-label-atau-menambah-widget.html>Membuat Label</option>

<option value="http://tutorialblogger-dw.blogspot.com/2010/02/cara-membuat-slide-photo-atau-menambah.html">Membuat Slide Photo</option>

<option value="http://tutorialblogger-dw.blogspot.com/2010/02/cara-membuat-read-more-untuk-blogger_20.html">Membuat Read More(1)</option>

</select></form>


Maka Hasilnya akan Seperti ini:

0 comments:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More