TopBottom

Blog Tutorial

About Me

Add your donation here for a better of our service. Thanks!

Berlangganan

Anda Suka Tips Blogger Zacky?
Temukan Kami Di:
Ingin Dapat Artikel Terbaru?
rss Klik disini untuk berlangganan melalui RSS atau terima artikel di email anda dengan cara mengisi form berikut:

Cara Membuat Dropdown Menu

Original by IFX Adrian | 23 November 2009 6 Comments

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...

Label:

Bagikan Artikel Ini!

<a href="http://instaforex.com/forexcopy_system.php?x=DVXF">InstaForex</a>
Facebook Delicious Digg! Twitter Linkedin StumbleUpon Lintas Berita
Technorati Google Bookmarks Mixx Yahoo! Newsvine Reddit

Artikel Lain Yang Mungkin Anda Baca

6 komentar:

mufid 28 Februari 2010 01.41  

Mantaf mas Zacky,
numpang :D ya

Zacky Adrishayuni 28 Februari 2010 02.00  

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...

Mufid 28 Februari 2010 16.46  

:)) sorry uda...
amboi pikir urang ambon =))

Masih belajar berbagi di http://mufidbtm.blogspot.com

Salam

Rudi Damanik,ST Blog 17 Oktober 2010 22.37  

gimna ngatur wide drop down nya...

Iklan Internet Murah Efektif Berkualitas Indonesia 31 Agustus 2012 09.09  

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 .

Posting Komentar