Saturday 10 September 2011

Bina Drop Down Menu

Ni cara nak buat drop down menu pada blog korang..lebih kurang macam senarai pilihan la..Senang je,,

1.Copy dan Paste code kat bawah ni kat DASHBOARD > DESIGN > PAGE ELEMENT > ADD A GADGET > HTML/JAVASCRIPT
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"><option selected="selected" value="0">TEKS ANDA DISINI</option>
<option value="URL ANDA DISINI">NAMA URL</option>
<option value="URL ANDA DISINI">NAMA URL</option>
<option value="URL ANDA DISINI">NAMA URL</option>
<option value="URL ANDA DISINI">NAMA URL</option>
</select></form>



2. Gantikan
- TEKS ANDA DISINI -  Letak tajuk korang kat sini
- URL ANDA DISINI - Letak URL korang kat sini
NAMA URL - Nama URL korang kat sini k


3. Pastu save la..

 Kalau nak tambah option lagi  korang copy n paste code ni
<option value="URL ANDA DISINI">NAMA URL</option>
sebelum  </select></form>



Ni code tambahan untuk drop down menu korang
- untuk adjust lebar ->   style="width:200px"
(korang boleh ganti nilai yg berwarna biru tu dengan saiz lebar yg anda mahu)

- untuk tukar warna tulisan -> color:#ff0000
- untuk letak background tulisan -background:#B2DDFB"
(korang boleh ganti nilai yg berwarna kuning tu dengan warna yg anda mahu)

Letak kod tu sebelah size="1"

contoh
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" style="width:200px; color:#ff0000; background:#B2DDFB"><option selected="selected" value="0">TEKS ANDA DISINI</option>
<option value="URL ANDA DISINI">NAMA URL</option>
<option value="URL ANDA DISINI">NAMA URL</option>
<option value="URL ANDA DISINI">NAMA URL</option>
<option value="URL ANDA DISINI">NAMA URL</option>
</select></form>

2 comments:

  1. Macam mane nak buat drop down menu yg power2 mcm ko punye kt atas tu?
    Yang ni simple sngt la...
    ade coding x?

    ReplyDelete
  2. nnti sy buat tutornya k... terima kasih kunjungannya. :>)

    ReplyDelete