Dropdown menu yang seperti ini itu lho :
Nha udah tahu kan? 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? Mau mencobanya?
Gini nih caranya :
Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "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 text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.
Contohnya seperti ini :
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.
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 berikut
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
dengan code
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
hasilnya akan seperti ini :
<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.
Contohnya seperti ini :
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.
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 berikut
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
dengan code
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
hasilnya akan seperti ini :
Baca juga tutorial lain
- Menambahkan Translator
- Menambahkan Shoutmix pada blog
- Meta Tag Sumber Trafic Pengunjung
- Cara Membuat blog terkenal dengan pagerank
- Memasang Domain co.cc di blogger
- Mengganti Domain Dasar dengan Domain gratis co.cc
- Custom domain blogger dengan Subdomain
- Membuat Sidebar Dua Kolom
- Cara Membuat Blog di Blogspot
- Tema Untuk Xp
- Read More Icon - Cara Mengganti Read More Dengan Icon
- Menu Berjalan MarQue
- Cara Membuat Form Kontak Email Di Blogger
- Menambahkan Widget Reader
- Verifikasi rekening Paypal dengan rekening bank
- Tutorial Daftar Paypal
- Custom domain blogger dengan Subdomain
- Membuat Tukar Link Menjadi Lebih Hidup
- Menambahkan Widget Reader
- Mendaftar RSS Feed di FeedBurner
- Mengenal Layanan Feed
- Membuat Halaman Berlangganan Artikel pada FeedBurner
- Warna banyak gunanya, apalah artinya hidup tanpa warna
0 Response to "Cara Membuat Menu dropdown"
Posting Komentar
Jika Cyber Mania membaca Artikel Diatas, mohon meninggalkan komentar di kolom komentar..komentar bersifat membangun dan menggunakan bahasa yang seharusnya..thx