Cara Membuat Dropdown Menu

Diatas permintaan seseorang maka soleh pon mencari la tips buat dropdown menu ni.. kelebihannya dapat menjimatkan space di blog kita.. caranya cukup mudah..
Login ke blogger, terus masuk ke menu "Page Element" kemudian pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut :

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Blog Category</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 anda.
Text yang berwarna biru adalah tulisan yang dipaparkankan. Gantikan mengikut kesesuaian anda.

Contohnya seperti ini :

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Blog Category</option>
<option value="http://myp4u.blogspot.com/search/label/About%20Me"> About Me </option>
<option value="http://myp4u.blogspot.com/search/label/Affiliate%20Program"> Affiliate Programe </option>
</select>

hasilnya akan seperti ini :

Blog Category About Me Affiliate Programe

untuk menambahkan menu lagi, tambahkan kode seperti ini :

<option value="Links 2">Text 2</option>

sebelum kode </select>

ha, mcm ni jer..mudah kan? semoga berjaya..

**Pelawat yang disegani:- Berikan komen anda selepas membaca artikel dan membuat sebarang trick didalam blog ini. Komen anda membolehkan saya memperbaiki dan mempertingkatkan lagi kualiti blog ini. Komen anda amat dihargai. Terima Kasih.

Related Posts by Categories