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.

Soal Jawab Agama Soal Jawab Solat Solat Jamaah Solat Jamak dan Qasar Soal Jawab Puasa Quran dan Hadis Soal Jawab Fiqh Wanita dan Keluarga Doa dan Zikir

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

Tutorial Blogger Blospot