BLOGGER TEMPLATES AND TWITTER BACKGROUNDS »

Kamis, 21 Januari 2010

Membuat Jump Menu atau Dropdown Menu (Open Link In Same Window)

Jump Menu atau Dropdown Menu pernah kita pelajari di tutrial yang sebelumnya, mungkin untuk meningatkan bisa kita cuplik sedikit 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.

Ada perbedaan dengan Jump Menu yang akan kita pelajari sekarang dengan yang dulu ( bisa dibaca disini yang ) kalau yang pertam dulu kita membuat jump menu dengan open link in new window, tapi yang sekrang kita akan belajar bagaimana membuat jump menu atau dropdown menu dengan membuka link di jendela yang sama. Ini cocok untuk link berupa label-label tulisan di blog kita, karena masih ada hubungan dengan blog kita, dan lebih menghemat tempat.

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

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>MENU BLOG</option>
<option value="Links 1">Label 1</option>
<option value="Links 2">Label 2</option>
</select>

*) Tulisan tebal adalah Judul yang Muncul, dan tulisan yang miring adalah URL link tersebut
Contoh jika saya gunakan dalam Belajar Ngeblog di Blog seperti ini

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Menu Blog</option>
<option value="http://kurniasepta.blogspot.com/search/label/aksesoris">Aksesoris</option>
<option value="http://kurniasepta.blogspot.com/search/label/blogger%20kreatif">Blogger Kreatif</option>
<option value="http://kurniasepta.blogspot.com/search/label/pernak-pernik">Pernak-Pernik</option>
<option value="http://kurniasepta.blogspot.com/search/label/widget">Widgets</option>
<option value="http://kurniasepta.blogspot.com/search/label/musik">Musik</option>
<option value="http://kurniasepta.blogspot.com/search/label/tips%20blog">Tips Blog</option>
</select>

Jika berhasil hasilnya akan seperti ini

0 komentar: