Membuat Dropdown Menu
Membuat Dropdown Menu.
Yups, pada postingan kali ini saya akan share kepada pengunjung
yang terhormat untuk mempercantik blog anda, dan masih banyak lagi cara untuk
mempercantik blog anda di dalam blog saya ini baca postingannya yah, hehe.
Silahkan membacaJ.
Sebenarnya apa Dropdown Menu itu?
Coba lihat lah di blog saya ini, Ada Kotak yang bertulis “My Other Blogs” atau Blogs, nah itu lah contoh dari Dropdown Menu.
jadi anda sudah tahukan? Dengan dropdown menu kita bisa menghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, atau link-link, dan lain-lain.
langkah-langkahnya:
Coba lihat lah di blog saya ini, Ada Kotak yang bertulis “My Other Blogs” atau Blogs, nah itu lah contoh dari Dropdown Menu.
jadi anda sudah tahukan? Dengan dropdown menu kita bisa menghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, atau link-link, dan lain-lain.
langkah-langkahnya:
1. Login ke blogger, lalu pilih "Page
Element" kemudian pilih Add page elements --> HTML/JavaScript.
2. Kemudian masukkan script berikut ini
di 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 hijau adalah judul Dropdown menu kamu, ganti jika ingin.
Text yang berwarna
ungu adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna Merah adalah tulisan yang ditampilkan. Itu juga harus kamu ganti dengan judul link kamu.
Jika anda ingin menambahkan menu lagi, tambahkan kode seperti ini :
Text yang berwarna Merah adalah tulisan yang ditampilkan. Itu juga harus kamu ganti dengan judul link kamu.
Jika anda ingin menambahkan menu lagi, tambahkan kode seperti ini :
<option value="Links Kamu">Text Kamu</option>
sebelum kode </select>
jika kamu mau link yang di klik di dropdown menu itu membuka tab baru tanpa harus menutup blog kamu, yaudah, kamu Coba deh, ini.
Ganti scrip berikut ini
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
jadi begini:
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
jadi perubahannya totalnya akan jadi seperti ini:
<select onchange="javascript:window.open(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>
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>
terus kamu simpan.
Yups, mudah bukan caranya untuk memperindah atau menghias blog
anda? Bagaimana kalau anda coba
cara-cara lain untuk mempercantik blog anda di postingan saya ini. Hehe
semoga bermanfaat dan semoga anda berhasil melakukan langkah-langkah yang saya
sudah posting ini dan Saya yakin jika ada kemauan yang sangat kuat, pasti anda
akan sukses dalam segala hal. Hehe.
Category Article All About Blog
saya mau tnya dong, kalo cara buat dropdownmenu klo di klik linknya, terus dia ngebuka tab baru tanpa nutup blog kita gimana ya? kalo ini kan kalo link nya di klik dia bakalan nutup tab blog kita kan.
@Indonesia travel: saya udah nambahin apa yang kamu tanya tuh di post saya. tinggal coba aja..
sip, udah di coba, dan berhasil gaan.. thanks infonya..
oke sama2..:)