Cara Membuat Dropdown Menu
Dengan dropdown
menu kita bisa mnghemat space/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.
Gimana Anda tertarik untuk mencobanya?
Ikuti Langkah berikut :
Login ke
blogger, trus masuk ke menu "Page Element" trus pilih Add page
elements --> HTML/JavaScript. Kemudian masukkan script berikut ini.
Copy Kode Berikut :
Copy Kode Berikut :
<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 text2 tersebut dengan link2 kamu.
Text yang
berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.
Untuk
menambahkan menu lagi, tambahkan kode seperti ini :
<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 tsb.
Contoh :
<select
onchange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected="selected">Select Iklan</option>
<option value="0" selected="selected">Select Iklan</option>
<option
value="https://iklancita.blogspot.com/p/iklan-baris.html "> Iklan Baris</option>
<option
value="https://iklancita.blogspot.com/p/iklan-banner.html "> Iklan Banner</option>
</select>
Hasilnya :
Mantap
ReplyDelete