-->

Monday, January 26, 2009

dropdown menu

apa dia dropdown menu?
contoh seperti dibawah:

dah tau?...dengan benda ni kita boleh jimat ruang...hehe...tp aku xpakai pon..nti2 kot..

cara2 nak buat..macam ni :


Login ke blogger --> "Page Element" --> Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di bahagian "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>


Text yang berwarna merah = link. ~ ganti text2 tersebut dengan link2 korang. ~
Text yang berwarna biru = tulisan yang ditampilkan. ~benda tu korang tukar l dengan nama yang korang nak letak ~

Contohnya seperti ini :


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>contoh tajuk</option>
<option value="http://namabloganda.blogspot.com/"> nama title anda</option>
<option value="http://namabloganda.blogspot.com/">nama title anda</option>
</select>


hasilnya:



kalau nak tambah menu lagi, tambah kod yang kat bawah ni:


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


sebelum kode </select>

Link dalam dropdown menu tu, kalau kita tekan, link tu akan dibuka dihalaman yang sama...tu sesuai kalau nak buat link untuk archieve kita atau link2 yang masih ada hubungan dengan blog kita tu..tapi kalau nak buat...bila tekan je link tu, link tu akan ke halaman yang lain..korang kena tgk plak tips yang kat bawah ni.


cara dia sama ja macam kat atas cuma gantikan kod bawah ni


<select onChange="document.location.href=this.options[this.selectedIndex].value;">


dengan kode ini :


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


hasilnya :



macam mana? susah ke?

cuba la dulu..


0 comments:

Post a Comment

komen anda sangat dialu-aluan

Update Download

  • Tiada Link

    Harap maaf. Tiada update download yang terbaru. Ada sapa2 nak sumbangkan benda untuk didownload?

  • Tiada Link

    Harap maaf. Tiada update download yang terbaru. Ada sapa2 nak sumbangkan benda untuk didownload?

  • Tiada Link

    Harap maaf. Tiada update download yang terbaru. Ada sapa2 nak sumbangkan benda untuk didownload?

  • Tiada Link

    Harap maaf. Tiada update download yang terbaru. Ada sapa2 nak sumbangkan benda untuk didownload?