Hey guys . This is my original Blog . Thank you for visiting my Blog . I really appreciate it . Do follow my Blog if you have a blog too . Just press the button FOLLOW above . Thanks .

Tuesday 18 December 2012

Tutorial - Buat Dropdown Menu Pada Bog

Hai , Assalammualaikum Semua !
Ini tutorial Dropdown menu .
Biasenyee digunakkan untuk meletakk pelbagai link
 Takk faham ? Jumm ikut tuto nii ..

Contoh dropdown menu adalah seperti berikut

Cara Buat Dropdown Menu


1. Login akaun blogger anda, dari dashboard >> layout >> page element >> add a gadget >> HTML/javascript

2. Copy code berikut ke dalam ruangan html/javascript.

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

# Take Note Please !
Link 1: Masukkan link untuk dibuka
Text 1: Masukkan perkataan/ayat untuk link

Kalau korangg nakk masukkan lebih banyak menu, cuma copy paste <option value="Link 2">Text 2</option> dan letakkan sebelum </select>

3. Dah selesai, save hasil kerja korangg tu okeyy ?


**Untuk kod kat atas tu, apabila link akan dibuka pada page yang sama. Untuk buka link pada page/window yang berlainan, sila tukarkan kod:

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

kepada kod ini.
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

**Ada fahamm ? Hehe .. Jumm cube , try , test tengokk ! Takk dapat , Leave comment ^^

No comments:

Post a Comment