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





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



Comments by reader :

have 2 comments at “Cara Membuat Dropdown Menu”
G0zeN said...
at date 

terima kasih bro...saya akan cuba buat dlm blog saya sekrg juga...tq very much...

solehpolysas said...
at date 

ur welcome.. nothing la bende 2.. dah ade, kite kongsi bersama.. ye x??huhu.. datang la lg..

Post a Comment

Komen anda amat dihargai, Terima Kasih : solehpolysas™