Membuat Menu Listbox di Blog

Pernahkah Anda bergabung setiap forum website di seluruh internet? Jika Anda telah bergabung satu, pada posisi bawah forum itu, Anda akan melihat menu dropdown vertikal yang berisi semua topik dan sub-topik forum tersebut dan jika kita klik menu dropdown yang vertikal, maka akan memberikan kami dengan berbagai topik sebagai bar bergulir atau menggulir daftar.

Menu Dropdown Vertikal adalah navigasi yang berisi sekelompok link yang diatur untuk memudahkan bagi pengunjung untuk menggulir ke topik apapun mereka ingin melihat di forum, tanpa dibebani dengan banyak navigasi menu.
Dengan menambahkan menu Dropdown Vertikal di blog anda, tidak akan membebani blog Anda, sehingga loading halaman akan secara signifikan lebih cepat. Ini adalah berikut perlu Anda lakukan jika Anda tertarik pada menambahkan ini menu Dropdown Vertikal di blog Anda.

Menambahkan menu Dropdown Vertikal

1. Log In ke Account Blogger anda.

2. Pilih Tata Letak / Desain.
3. Pilih Posisi widget Drop-down
4. Klik Tambah Gadget
5. Copy Paste  kode dibawah ini

<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1name=menu> <option value=0 dipilih> Teks Pertama </ OPSI>
<option value=" the "> alamat URL judul </ option> </ select> </ form>

6. Simpan perubahan tersebut

Kini Anda dapat menyimpan perubahan saat ini Anda baru saja dibuat.

Bagaimana memodifikasi link dan tampilan menu Dropdown Vertikal ?

Dalam menyesuaikan menu Dropdown Vertikal sebenarnya mudah untuk diterapkan.Anda hanya perlu mengubah beberapa kode tertentu di dalam kode script saya sudah ditunjukkan kepada Anda sebelumnya. Misalnya, sekarang ganti kode yang berwarna merah di bawah ini dengan preferensi Anda sendiri.

<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1name=menu> <option value=0 dipilih> Teks Pertama </ OPSI>
<option value=" the "> alamat URL judul </ option> </ select> </ form>

Seperti yang Anda lihat dalam kode di atas, teks kode Pertama menunjukkan teks pertama yang akan muncul di menu default dropdown vertikal tanpa diklik oleh kursor mouse, Anda dapat nama itu sebagai My Menu. Kode alamat URL menunjukkan link atau alamat URL yang ingin Anda gunakan dalam menu drop-down, misalnya http://www.google.com . Dan kode judul menunjukkan judul yang akan ditampilkan pada link Anda tetapkan untuk setiap link, misalnya: Google.
Jadi kode akhir akan terlihat seperti ini:

<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1name=menu> <option value=0 dipilih> My Menu </ OPSI>
<option value=" http://www.google.com "> Google </ option> </ select> </ form>

Menambahkan link lebih lanjut tentang menu dropdown vertikal

Lagi pula, jika Anda tertarik untuk menambahkan link ke menu dropdown vertikal, Anda dapat menyalin kode di bawah ini (kode yang berwarna merah) dan kemudian paste di area titik / area kosong.

<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1name=menu>

<option value=0 dipilih> Teks Pertama </ OPTION>

value="URLaddress"> <option Judul </ option>

value="URLaddress"> <option Judul </ option>

...............................................

...............................................

...............................................

</ Select> </ form>

Oke, itu untuk saat ini. saya berharap artikel ini dapat bekerja untuk blog Anda.

 

Sumber: basistik

Posted in: Blogger Tutorial , Membuat Menu Listbox di Blog