Loading...

Cara buat 'Drop Down Menu' untuk letak link+GO

Thursday, October 15, 2009

Tutorial ini adalah sinambungan dari tutorial sebelum ini tetapi bagi tutorial ini ia sedikit berbeza kerana ia mempunyai butang untuk di klik selepas membuat pilihan link. sila lihat contoh imej.

1.Log in ke dashboard blog korang--> design- ->Page Elements

2.Klik 'Add a Gadget' di sidebar.
3.Pilih 'HTML/Javascript' dan copy kod dibawah ini lalu paste di dalam ruangan HTML/Javascript tadi kemudian tekan save.


<form name="jump">
<select name="menu">
<option value='URL link 1 here' > Name 1</option>
<option value='URL link 2 here' > Name 2</option>
<option value='URL link 3 here' > Name 3</option>
<option value='URL link 4 here' > Name 4</option>
<option value='URL link 5 here' > Name 5</option>
<option value='URL link 6 here' > Name 6</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</form>

NOTA: Peringatan untuk menukar GO , URL link X here , Name X dengan pilihan korang.selesai.

0 comments:

Post a Comment