Salam sejahtera buat semua sahabat blogger semua. Hari ini saya nk kongsi dgn anda semua cara membuat dropdown menu.utk pengetahuan semua setiap menu ada kelebihan masing2, sama juga dgn menu ini. <select onChange="document.location.href=this.options[this.selectedIndex].value;">
O.K.......
Apa benda dropdown menu ni.... menatang apa pulak ???? macam mana rupa dia ???
Kalau nak tau rupa dropdown menu tu lebih kurang macam ni ler...
Kelebihan dropdown menu ni, kita boleh menjimat ruang di blog kita, dengan
ukuran yang kecil ia mampu menyimpan link dan text yang banyak.
Mungkin ada antara blogger yg berminat sila klik "Read more" dan ikuti langkah seterusnya.........
Login ke blogger, pergi ke menu "Page Element" pilih Add page elements -->
HTML/JavaScript. Kemudian copy/paste script berikut kedalam kotak"Content"
<option value="0" selected>Muraisenja</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>
Text yang berwarna merah adalah link(Text1 dan Text 2), ganti text tersebut dengan link anda sendiri.
Gantikan juga Text yang berwarna biru (muraisenja) dengan perkataan anda sendiri.
untuk menambahkan menu lagi, tambahkan kode seperti ini :
<option value="Links 2">Text 2</option>
sebelum kode </select>
Link dalam dropdown menu di atas jika di klik akan membuka link di halaman
yang sama. jika mahu apabila diklik linknya dan ia akan membuka window baru
tanpa menutup blog anda hanya perlu mengganti kode berikut
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
dengan kode ini:
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
Recent Artworks in Gallery
Recent Posts in Blog
1 comments
You may also like :
1 comments for �Membuat Dropdown Menu�
Leave a Reply
muraisenja
February 26, 2009 at 6:09 PM
kakyong ..betul tu text 1 tu link blog atau sebarang alamat web. Text 1 dan Text 2 tu url yang berlainan lah....ok kalau kurang faham email me muraisenja@gmail.com