Minggu, 11 Oktober 2009

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 blog sahabat, top link, daftar akun kalian, dsb.

1 komentar:

silahkan, berikan komentar,
"happy blogging"