::Snow Pink::

tutorial : Dropdown Menu

Hy . Selamat petang semua ! Hari ny cikgu Nana nak ajar korang macam mana nak buat dropdown menu . Tak tahu dropdown menu tu apa ? Ny haa , tengok dekat atas ny . Ada gambar tu kan ? Haa . Tu lah dropdown menu sayang sayang aku semua . Jyeah ! Sabar dulu . Korang pergi ambik kertas dengan pensel dulu . Cepatt ! Aku tunggu . Ehh , nak pergi mana ? Haa ? Ambik pensel dengan kertas ? Yang tu aku gurau jela ngek ! Okay . Jum kita mulakan pembelajaran yea murid murid . Sebelum tu . Posing depan laptop dulu. Monyet peliharaan aku nak ambik gambar ny . Okay senyum semua !

Haa ! Bagus . Bagus ! Jum kita mulakan sekarang !

First

Korang mesti lah sign in blogger dulu kan ? Dahh ? Okay bagus !

Second

Pergi Dashboard > Design > Add Gadget > Html / Javascript

Third

Copy paste kod dibawah pada ruang Html / Javascript itu tadi

Terdapat Dua pilihan kod

1) Copy kod ini jika mahu link dibuka dalam page yang sama

<select
onChange="document.location.href=this.options[this.selectedIndex].value;">
<options 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>
</selected>

2) Copy kod ini jika mahu link dibuka dalam page yang berlainan

<select
onChange="javascript:window.open(this.options[this.selectedIndex].value);">
<options 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>
</selected>

Nota
Purple - Tajuk menu korang
Merah - Menu yang korang nak letak
Oren - Link untuk setiap menu

Forth

Save dan lihat hasilnya

Yeahh ! Dha siap punn . Kalau tak jadi , bagi tahu aku tau ! Haa . Cakap terima kasih dekat cikgu ! Okay , lagi satu . Say

to copycat . Semoga berjaya . Byee