Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara Membuat Jump Menu atau Dropdown Menu

Jump menu adalah salah satu gadget (widget) yang sama fungsinya dengan blogroll, tetapi lebih hemat tempat lagi, karena cuma satu baris dan untuk membukanya kita tinggal mengklik arah panah ke bawah.

Kita akan belajar membuat dropdown menu atau Jump menu, sebelumnya kita sudah pernah membahas cara membuat blogroll [klik cara membuat blogroll untuk membaca]. Dengan menggunakan jump menu atau dropdown menu tersebut kita akan bisa lebih menghemat space atau tempat.

Jump menu atau dropdown menu kita dapat gunakan sebagai blogroll yaitu menampilkan teman-teman kita, untuk menghormati teman kita, kita cantumkan blog teman-teman kita.

Cara Membuat Jump Menu atau Dropdown Menu
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Teman-Teman</option>
<option value="http://kurniasepta.blogspot.com"> Blogspot </option>
<option value="http://kurniasepta.blogdetik.com"> Blogdetik </option>
<option value="http://kurniasepta.wordpress.com"> Wordpress </option>
.... dst ....
</select>

Perhatian :)
Teman-Teman adalah judul
http://kurniasepta.blogspot.com adalah alamat URL
Blogspot adalah judul blog teman kita
Kamu bisa menambakannya sendiri, sebanyak teman kamu (...dst...)

5. Simpan Kalau sudah yakin.

Nanti kalau sudah berhasil hasilnya seperti ini