Cara Membuat Menu Dropdown Pada Blogspot

Cara Membuat Menu Dropdown Pada Blogspot

Menu dropdown adalah kumpulan teks atau link yang dibuat menjadi menu tunggal. Kebanyakan menu dropdown di gunakan untuk alternatif membuat blogroll atau bertujuan untuk menghemat ruangan blog.

Kurang lebih tampilannya akan seperti ini :

Jika tertarik ingin membuatnya, ikuti langkah-langkah di bawah ini :

1. Login ke Blogger. Klik menu Design-> Page Elements

2. Klik Add a Gadget -> HTML/ Javascript

3. Masukkan kode dibawah ini kedalam kotak

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

value;">

<option value="http://alamatblog.com/#" selected>Blogroll</option>

<option value="http://alamatLink.com/">Nama Link</option>

<option value="http://alamatLink.com/">Nama Link</option>

<option value="http://alamatLink.com/">Nama Link</option>

</select>

Ganti alamatblog dengan dengan alamat blog anda.
Ganti teks berwarna merah dengan alamat link yang ingin dipasang.
Ganti teks berwarna biru dengan nama link yang ingin ditampilkan.

4. Sekarang anda save templatenya.

NB : Kode di atas digunakan untuk membuka link yang sama. Namun jika anda ingin membuka link pada halaman baru, ganti kode berikut :

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

value;">

Dengan kode berikut ini :

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

value);">

Selesai.

Semoga bermanfaat.

Kategori : Belajar Blog, Books