Cuppylicious

Owner Stuff Entry

Tutorial : Dropdown Menu
Jumaat, 22 Jun 2012 | 3:47 PG | 0 budak suka cupcake + pink
Caranya, ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard > Design > Add A Gadget > Html / Javascript

3) Copy paste kod di bawah pada ruang Html / Javascript tadi

Terdapat 2 pilihan kod,

Copy kod ini jika mahu link dibuka dalam page yang sama:

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>Tajuk menu</option>

<option value="Link 1">Menu 1</option>

<option value="Link 2">Menu 2</option>

<option value="Link 2">Menu 3</option>

<option value="Link 2">Menu 4</option>

<option value="Link 2">Menu 5</option>
</select>

Copy kod ini jika mahu link dibuka dalam page yang berlainan.
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option selected>Tajuk menu</option>

<option value="Link 1">Menu 1</option>

<option value="Link 2">Menu 2</option>

<option value="Link 3">Menu 3</option>

<option value="Link 4">Menu 4</option>

<option value="Link 5">Menu 5</option>
</select>

Nota:
Tajuk menu - tajuk menu korang
Menu - menu yang korang nak letak
Link - link untuk setiap menu 

4) Save dan lihat hasilnya.

Selamat mencuba! :)





|
Photobucket
Annyeonghaseyo earthlings~ I am an alien. Follow this blog yaw!
So, you can always visit my tutorial~





Edited : Amirra Najihah
Photo : We♥It
Tutorial : Jom Bina Belog
Best Viewed : Google Chrome