Tuesday, October 23, 2012

Cara Buat Dropdown Menu



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
contoh:

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

<option selected>Tutorial</option>

<option value="http://jombinabelog.blogspot.com/2011/12/widget-popular-post.html">Widget Popular Post</option>

<option value="http://jombinabelog.blogspot.com/2011/12/recent-post-bergambar.html">Recent Post Bergambar</option>

<option value="http://jombinabelog.blogspot.com/2011/12/widget-misterlinky.html">Widget Misterlinky</option>

<option value="http://jombinabelog.blogspot.com/2011/12/back-to-top-button.html">Back To Top Button</option>

<option value="http://jombinabelog.blogspot.com/2011/12/cara-buat-text-box.html">Cara Buat Text Box</option>

</select>

4) Save dan lihat hasilnya.

Selamat mencuba! :)
 

mm:



0 comments:

Post a Comment

Blog Dian Alm II © 2008. Template by: Infonetmu