cara membuat menu dropdown

pada postingan kali ini saya akan membahas cara membuat dropdown menu,contohnya seperti ini;

Dari tampilan diatas berikut adalah codenya;

<select

onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>my post</option>
<option value="http://intheamwhy.blogspot.com/2009/08/cara-mengganti-icon-page-atau-logo-b.html">cara ganti icon page</option>
<option value="http://intheamwhy.blogspot.com/2009/08/cara-pasang-icon-ym.html">;cara pasang icon ym</option>
<option value="http://intheamwhy.blogspot.com/2009/08/cara-pasang-twitter-badge.html">;cara pasang badge twitter</option> </select>

keterangan
  • text yang berwarna merah adalah link,silahkan ganti dengan link kalian
  • text yang berwana hijau adalah tampilan,silahkan sesuaikan dengan linknya

Dari menu dropdown diatas kalian dapat membuat ,daftar postingan,lebel,daftar blog kalian,dsb.
jika kalian ingin agar dropdownnya terbuka di jendela baru(popup>,berikut adalah contoh dan codenya;

contoh tampilan:

Code;
<select onchange="javascript:window.open(this.options[this.selectedIndex].


value;">

<option value="0" selected>my account</option>
<option value="http://twitter.com/intheamwhy">my twitter</option>
<option value="http://profiles.friendster.com/indam">my friendster</option>
<option value="http://id-id.facebook.com/people/Indam-Joycko-Blackstyle/1293349599">my facebook</option>
</select>


keterangan;sama seperti diatas.
Untuk dropdown dengan popup,kalian dapat membuat daftar teman,top link,daftar akun kalian,dsb.

0komentar:

    Posting Komentar

    Sudah bacanya? silakan berikan opini :)

     

    Simple CSS3 blogger template. Design by indam, original from Bontang, Indonesia and thanks to Ollie