Friday, June 15, 2012

: Tutorial Drop Down Menu (Automatic)

Bismillah , Assalamualaikum

ok , kali ini nak ajar korang macam mana nak buat drop down menu . drop down menu ni fungsi nya akan menyebabkan blog kita lebih kemas dan cantik ,

biasanya korang boleh letak 'about me' , 'tuto' , 'stuff' dan lain-lain , ikut suka hati ok ^^

tak paham ? ni contoh nya ,

[klik untuk lebih jelas]

drop down menu ni sangat simple ok , jom ber-tuto ok ^^

1) Log In > Dashboard > Design > Add A Gadget > Html JavaScript 

2) Copy kod bawah ni dan paste kat ruangan Html tadi 
<select style=”background-color:#ff99cc; width: 200px; font:8pt; border:1px solid #FFFFFF; color: #FFFFFF; font-family:trebuchet ms; font-size:10px;” name=”ArchiveMenu” onChange=”location.href=this.options[this.selectedIndex].value;”>
<option>TITLE HERE</option>
<option value=”URL HERE“>TITLE</option>
<option value=”URL HERE“>TITLE</option>
<option value=”URL HERE“>TITLE</option>
<option value=”URL HERE“>TITLE</option></select>
merah : lebar drop down 
hijau : ketebalan border
purple : warna border luar 
kuning : latar belakang 
oren : jenis tulisan 
biru : ketebalan tulisan 
purple pekat : tajuk utama yang korang nak orang nampak 
merah cair : link 'about me' , 'tuto' dan lain-lain
kelabu : tajuk link korang tadi 

3) Preview 

4) Takde error , save and you are done (:

selamat mencuba !! ^^

No comments:

Post a Comment