Dropdown menu dapat mengurangkan ruang yang digunakan pada paparan
blog untuk meletakkan pelbagai link. Antara kegunaan dropdown menu
adalah untuk meletakkan link kawan², link rujukan, link tips dan
pelbagai lagi.
Contoh dropdown menu adalah seperti berikut
Dropdown menu dapat mengurangkan ruang yang digunakan pada paparan
blog untuk meletakkan pelbagai link. Antara kegunaan dropdown menu
adalah untuk meletakkan link kawan², link rujukan, link tips dan
pelbagai lagi.
Contoh dropdown menu adalah seperti berikut
Tutorial untuk membuat dropdown menu ini adalah seperti berikut.
1. Login akaun blogger anda, dari dashboard > layout > page element > add a gadget > HTML/javascript
2. Copy code berikut ke dalam ruangan html/javascript.
penerangan :
Link 1: Masukkan link untuk dibuka
Text 1: Masukkan perkataan/ayat untuk link
Jika anda hendak masukkan lebih banyak menu, cuma copy paste <option value="Link 2">Text 2</option> dan letakkan sebelum </select>
3. Apabila selesai, save hasil kerja anda.:)
TAMBAHAN:
Untuk kod di atas, apabila link akan dibuka pada page yang sama. Untuk buka link pada page/window yang berlainan, sila tukarkan kode:
kepada kode ini.
Mudah bukan.
Selamat mencoba.:)
Contoh dropdown menu adalah seperti berikut
Contoh dropdown menu adalah seperti berikut
Tutorial untuk membuat dropdown menu ini adalah seperti berikut.
1. Login akaun blogger anda, dari dashboard > layout > page element > add a gadget > HTML/javascript
2. Copy code berikut ke dalam ruangan html/javascript.
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>Tajuk</option>
<option value="Link 1">Text 1</option>
<option value="Link 2">Text 2</option>
</select>
penerangan :
Link 1: Masukkan link untuk dibuka
Text 1: Masukkan perkataan/ayat untuk link
Jika anda hendak masukkan lebih banyak menu, cuma copy paste <option value="Link 2">Text 2</option> dan letakkan sebelum </select>
3. Apabila selesai, save hasil kerja anda.:)
TAMBAHAN:
Untuk kod di atas, apabila link akan dibuka pada page yang sama. Untuk buka link pada page/window yang berlainan, sila tukarkan kode:
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
kepada kode ini.
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
Mudah bukan.
Selamat mencoba.:)
0 comments:
Post a Comment
Berkomentarlah Sobat, tapi Jgn Menyinggung, Kalau mau Kasar Gak Usah Ber Komentar, Tidak Menyukai dengan Post dan Blog ini, Mohon di maafkan, Jgn dicaci maki.thx for All.