Cara Membuat Dropdown Menu
Dropdown Menu? Apa ya artinya? Ini yang namanya Dropdown Menu:
Sekarang udah tau kan? Dengan Dropdown Menu, kita bisa menghemat ruang di blog kita karena ukurannya yang kecil bisa menyimpan link dan teks yang banyak. Bisa diisi dengan arsip, blogroll, dll. Mau tau gimana caranya?
Berikut Cara Membuat Dropdown Menu
1. Login ke akun Blogger anda.
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 anda.
Text yang berwarna kuning adalah tulisan yang ditampilkan. Itu juga harus anda ganti.
Contoh:
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://tipsbloggerzacky.blogspot.com/2009/11/tentang-blogger.html">Tentang Blogger</option>
<option value="http://tipsbloggerzacky.blogspot.com/2009/11/cara-memback-up-template-blogger.html">Cara Memback-up Template Blogger</option>
<option value="http://tipsbloggerzacky.blogspot.com/2009/11/cara-melindungi-blog-dari-penjiplakan.html">Cara Melindungi Blog Dari Penjiplakan</option>
</select>
Hasilnya:
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 kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode:
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
Dengan kode:
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
Gimana? Mudahkan? Selamat mencoba...
Jangan lupa kasih komentar ya...
6 komentar:
Mantaf mas Zacky,
numpang :D ya
waduh... makin banyak aja orang yang manggil saya pake sebutan 'mas', padahal saya ini bukan orang jawa...
saya ini orang Sumatera Barat, alias 'urang minang', jadi manggilnya musti pake 'uda zacky', bukan 'mas zacky'...
tapi ggp lah, thx buat semua yang udah menghargai hasil kerja saya.. hihihi...
:)) sorry uda...
amboi pikir urang ambon =))
Masih belajar berbagi di http://mufidbtm.blogspot.com
Salam
amboi =)) ya gpp... :X
gimna ngatur wide drop down nya...
1. Ada dua jenis iklan :
A. Iklan konstektual
B. Iklan Baner
2. Harga terjangkau , dengan variasi pilihan harga sesuai keyword yang di inginkan.
3. Pembayaranya mudah karena bisa transfer via atm bank indonesia.
Dengan ketiga poin di atas jadi jika anda ingin mencari jasa periklanan internet efektif murah dan berkualitas indonesia maka saya sarankan ke jasa periklanan sitti.co.id . Iklan Internet Murah Efektif Berkualitas Indonesia
Demikian ulasan singkat terkait jasa periklanan efektif murah berkualitas indonesia , moga bermanfaat. artikel Situs Iklan Terbaik .