Cara Membuat Menu Dropdown

Dengan Menu Dropdown kita bisa mnghemat ruang di Blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan Text yang banyak.
Itu bisa diisi dengan Arsip, Blogroll dll.

Berikut cara membuatnya :

1. Login ke Blogger

2. Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript

3. Kemudian Copy Paste kode di bawah ini :
   <select onChange="document.location.href=this.options[this.selectedIndex].value;">
   <option value="0" selected>Label</option>
   <option value="Link 1">Teks 1</option>
   <option value="Link 2">Teks 1</option>
   <option value="Link 3">Teks 1</option>
   <option value="Link 4">Teks 1</option>
   </select> Ganti tulisan yang berwarna biru dengan Link dan Teks sobat Contohnya seperti ini :
   <select onChange="document.location.href=this.options[this.selectedIndex].value;">
   <option value="0" selected>Label</option>
   <option value="http://tiptrikblogger.blogspot.com/search/label/Blogger%20Hack">Blogger%Hack</option>
   <option value="http://tiptrikblogger.blogspot.com/search/label/Trik%20Blogger">Trik%Blogger</option>
   <option value="http://tiptrikblogger.blogspot.com/search/label/Tutorial%20Blog">Tutorial%Blog</option>
   <option value="http://tiptrikblogger.blogspot.com/search/label/Tutorial%20SEO">Tutorial%SEO</option>
   </select>

4. Jika sobat ingin menambahkan menu lagi, tambahkan kode seperti ini :
   <option value="Link 5">Text 5</option> sebelum kode </select> Link dalam Dropdown menu di atas jika di klik akan membuka link di halaman yang sama.
   Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan Blog tersebut.

5. Ada satu tipe lagi yang jika diklik linknya maka akan membuka Window baru tanpa menutup Blog sobat.
   Yang ini cocok untuk Blogroll atau Friend link.
   Cara mambuatnya seperti diatas tapi ganti kode berikut :
   <select onChange="document.location.href=this.options[this.selectedIndex].value;"> dengan kode ini :
   <select onchange="javascript:window.open(this.options[this.selectedIndex].value);"> Contohnya seperti ini :
   <select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
   <option value="0" selected>Label</option>
   <option value="http://tiptrikblogger.blogspot.com/search/label/Blogger%20Hack">Blogger%Hack</option>
   <option value="http://tiptrikblogger.blogspot.com/search/label/Trik%20Blogger">Trik%Blogger</option>
   <option value="http://tiptrikblogger.blogspot.com/search/label/Tutorial%20Blog">Tutorial%Blog</option>
   <option value="http://tiptrikblogger.blogspot.com/search/label/Tutorial%20SEO">Tutorial%SEO</option>
   </select>

6. Jika sudah selesai SIMPAN dan lihat hasilnya.

Selamat mencoba.

Sumber : tiptrikblogger

Posted in: Blogger Tutorial , Cara Membuat Menu Dropdown