Tutorial Bina Blog: 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>