Makin banyak posting yang dibuat, tentu akan makin banyak pula daftar kategori blognya. demgan makin banyaknya jenis kategori pada postingan blog kita, tentu akan memakan banyak space pada halaman blognya. maka dari itu kita perlu menghemat halaman blog, dalah satunya dengan membuat label blog dengan tampilan dropdwon.
buat teman teman yang mungkin ada yang belum tahu bagaimana cara membuat label blog dengan tampilan dropdown, dan ingin mencobanya, silahkan copas kodenya dibawah.
Saran saya: Sebelum melakukan copas kode ini pada blog teman teman semua, jangan lupa untuk mendownload dulu template blognya, agar jika terajadi kesalahan pada saat menempelkan kode ini, blognya bisa dipulihkan kembali dengan template teman teman yang sudah di download tadi.
dengan menggunakan tampilan menu dropdown ini, Isinya hanya akan tampil jika teman teman mengklik pada menu tersebut sehingga bisa hemat ruangan blog. Cara ini bisa dijadikan sebagai alternatif blogroll atau kebutuhan lainnya.
Nah untuk membuatnya, caranya sangat mudah:
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>
Jika anda ingin menambah link baru lagi tambahkan kode
<option value="http://alamatLink.com/">Nama Link</option> diatas </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. Jika sudah disimpan,klik Save.
Selesai dech...
Catatan:
kode diatas untuk membuka link dalam halaman yang sama. Jika anda ingin membuka link pada halaman baru. Ganti kode
<select onChange="document.location.href=this.options[this.selectedIndex].
value;">
Menjadi
<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);">
Selamat Mencoba,
Saya tunggu Komentarnya yach.
