Jun 16, 2010

Buat Drop Down Menu Sendiri

Panduan bagaimana menyediakan kod HTML untuk drop down menu dalam blog.

Sesuai disediakan untuk menjimatkan ruangan terutamanya dalam bahagian sidebar blog.



Salin kod HTML berikut, pinda alamat URL pautan dan Tajuk warna merah. Gunakan program NotePad atau lain-lain Text Editor.

Dalam contoh drop down menu di atas ada lapan (8) pilihan dengan lapan pautan yang perlu dicapai. Lihat contoh bagaiman pautan-pautan berkenaan dimasukkan dalam tag <option... ></option>:


<form name="jump">
<p align="center">
<select name="menu">
<option selected>Soal Jawab Agama</option>
<option value="http://soalsolatumum.blogspot.com/">Soal Jawab Solat</option>
<option value="http://qasolatjemaah.blogspot.com/">Solat Jamaah</option>
<option value="http://qasolatjamakqasar.blogspot.com/">Solat Jamak dan Qasar</option>
<option value="http://www.soaljawabpuasa.co.cc/">Soal Jawab Puasa</option>
<option value="http://soaljawabquranhadis.blogspot.com/">Quran dan Hadis</option>
<option value="http://solatjemaahjumaat.blogspot.com/">Soal Jawab Fiqh</option>
<option value="http://qawanitadanperkahwinan.blogspot.com/">Wanita dan Keluarga</option>
<option value="http://qazikirdandoa.blogspot.com/">Doa dan Zikir</option>
</select><input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</p>
</form>


Setiap satu pautan dan tajuk dalam menu dimasukkan dalam tag <option ...> </option>.

Tag <option selected></option> untuk tajuk Menu yang di atas sekali.

<option selected>Soal Jawab Agama</option>

<option value="http://alamat-URL-pautan.blogspot.com/">Tajuk dalam menu</option>

Jika pautan pada blog lain masukkan alamat URL blog ditempat yang ditunjukkan. Jika pautan pada pos dalam blog masukkan alamat URL pos. Panduan mendapatkan alamat URL pos Alamat URL Pos.

Kod HTML pautan yang telah dibuat boleh dimasukkan dalam sidebar blog.

Sekian, selamat mencuba dan selamat berjaya.

Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL http://calipso-tutorialblogger.blogspot.com/.

Salam hormat dari

3 comments:

ayin said... [Balas komen ini]

tak faham..klu nak letak list link blogger lain jd drop menu boleh ke?fening fening

Admin said... [Balas komen ini]

ialah contoh ni untuk link pada blog lain la ni... nak link pada post pun boleh, nak link pada label pun boleh... cuma masukkan alamat URL link nya sahaja seperti contoh yang diberi

m_idros@yahoo.com said... [Balas komen ini]

scrooldown ni klu nak buat kat page button camne ye?

Post a Comment