Rabu, 18 Juli 2012

Cara Membuat Menu Dropdown

Cara Membuat Menu Dropdown
Cara Membuat Menu Dropdown - Andai saja semua widget “boleh” menggunakan Menu Dropdown maka akan kubuat semua widget dengan Menu Dropdown. Tapi jelas bila semua pakai Menu Dropdown maka kita akan kesulitan mem-balancing widget dengan posisi postingan.

Nach.., ngomong-ngomong masalah Balancing Widget, kita bisa mengatasinya dengan membuat salah satu widget kita dengan menerapkan Menu Dropdown tersebut, misalnya widget untuk Tukeran Link atau kegunaan lainnya. Untuk contoh penggunaanya bisa sobat lihat di Arsip Blog yang mempergunakan dropdown.

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>Tips Blogging </option>
<option value="isi dengan URL addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form>

Saya kasih contoh penggunaan Menu Dropdown untuk Artikel Terbaru blog ini ;

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>Tips Blogging </option>
<option value="http://evawangi.blogspot.com/2012/07/menimbang-blog-di-website-speed-test.html" />Menimbang Blog di Website Speed Test
<option value="http://evawangi.blogspot.com/2012/07/membuat-gambar-miring.html" />Membuat Gambar Miring
<option value="http://evawangi.blogspot.com/2012/07/membuat-kode-warna-di-blog.html" />Membuat Kode Warna di Blog
<option value="http://evawangi.blogspot.com/2012/07/kode-warna-html.html" />Kode Warna HTML
<option value="http://evawangi.blogspot.com/2012/07/janda-muda-yang-kehausan.html" />Janda Muda Yang Kehausan
</select></form>

Maka Hasilnya akan tampak seperti dibawah ini :


Mudah khan bos, selamat berkreasi !

2 komentar:

  1. Beruna sekali artikelnya sobat.....
    selamat menjalankan Ibadah Puasa sobat
    Semoga yang kuasa selalu memberikan yang terbaik dalam menjalani semua kehidupan di Dunia ini
    salam ramadlon
    terima kasih

    BalasHapus
  2. Wah bermanfaat ni mas, makasih ya tutorialnya..

    Selamat menjalankan puasa

    BalasHapus

Tulis Komentar Yang Menyejukan Hati saja.
Tidak menerima Komentar Yang bermuatan Sara, Politik, Makar,
tidak pula Komentar Yang menjurus Iklan.
Terima Kasih sudah sedikit meluangkan Waktunya disini!