Membuat Dropdown Menu

Hallo semuanya... Di kesempatan kali ini saya akan memberikan tips blogging tentang Dropdown Menu? Seperti apa itu Dropdown Menu?? dibawah ini adalah contohnya:

Arsip Blog Mengganti Layout Facebook Menambahkan MP3 Di Facebook Mengganti Username Facebook Dengan Nama Sendiri

Nah teman-teman sudah mengerti kan apa yang di maksud Dropdown Menu?? Kegunaan Dropdown Menu ini adalah bisa menghemat ruang di blog kita karena ukurannya yang kecil bisa menyimpan link-link dan teks-teks yang banyak. Bisa diisi dengan arsip, blogroll, dll. Terus gimana caranya? Makanya simak artikel ini
Ok. Lets go, NOW...!!

Berikut Cara Membuat Dropdown Menu

1. Login dulu ke akun Blogger.

2. Pilih Layout > Page Elements > Add Page Elements > HTML/JavaScript

3. Masukkan script berikut ke kotak Content:

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

Text yang berwarna merah adalah link. Ganti text tersebut dengan link punya teman-teman.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus teman-teman ganti.

Contoh:

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://roomfacebookers.blogspot.com/2010/01/mengganti-layout-facebook.html">Mengganti Layout Facebook</option>
<option value="http://roomfacebookers.blogspot.com/2010/01/menambahkan-mp3-di-facebook.html">Menambahkan MP3 Di Facebook</option>
<option value="http://roomfacebookers.blogspot.com/2010/01/mengganti-username-facebook-dengan-nama-sendiri.html">Mengganti Username Facebook Dengan Nama Sendiri</option>
</select>

Hasilnya akan seperti ini: Arsip Blog Mengganti Layout Facebook Menambahkan MP3 Di Facebook Mengganti Username Facebook Dengan Nama Sendiri

Untuk menambah menu, tambahkan kode <option value="Links 2">Text 2</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.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog teman-teman. Yang ini cocok untuk Blogroll atau Friend link.

Cara membuatnya seperti diatas tapi ganti kode berikut:

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

Dengan kode:

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

Easy & simple, bukan? Semoga bermanfaat dan sukses buat teman-teman...!!

Bagikan

Bagi teman2 yang mau COPY PASTE artikel yang ada di blog ROOM-Facebook'ers ini jangan lupa menyantumkan link sumbernya atau Klik Tombol di samping ini...!!