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 :



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..





5 comments:

Blog ini telah menggunakan do follow untuk link komen anda. Link anda akan tersenarai di search engine.