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>
<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>
<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:
Posting Komentar