Rabu, 28 Januari 2009

Cara Membuat Dropdown Menu

Dropdown Menu...sesuai untuk blog yang diisi dengan link yang banyak. Sampai panjang bebenor jadinye, nak² pula template yang satu sidebar. Puas Ana nak scrool je kebawah.sengihnampakgigihehe. Bila sidebar panjang maknanya posting pun banyakla kene show, bila posting lebih dari 7 biasanya akan lambat nak loading..ok melarat pulak..sembah



Ini bentuk dropdown menu, caranya begini..

1. Loggin => Layout => Page Elements => Add a Gadget => HTML/Javascript. Tambah kode berikut dalam content.

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>



2. Gantikan text merah dengan link kamu. Text biru tajuk link tu..Lihat contoh:-

<select onchange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected="selected">Tips² Blogging</option>
<option value="http://almansuqie.blogspot.com/">AlmansuQie</option>
<option value="http://almansuqie-tips.blogspot.com/2009/01/cara-memasukkan-senarai-link.html">Cara Memasukkan Senarai Link</option>
<option value="http://almansuqie-tips.blogspot.com/2009/01/menambah-efek-salji.html">Menambah Efek Salji</option>
<option value="http://almansuqie-tips.blogspot.com/2008/12/cara-membuat-kotak-search.html">Cara Membuat Kotak Search</option>
</select>



Hasilnya seperti diatas..

3. Kalau nak tambah link lagi, tambah kode ini sebelum kode </select>

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



4. Link² ini akan dibuka di laman yang sama. Kalau nak buka di laman yang baru, cuma gantikan kode berwarna ungu dengan kode di bawah.

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">



Tidak ada komentar:

Posting Komentar