Apa itu Dropdown Menu ?Dropdown Menu adalah menu yang jika kita mengarahkan kursor ke menu tersebut maka akan muncul menu lainya yang memanjang kebawah.Contoh dari Dropdown Menu Adalah sebagai berikut:
Berarti sekarang kamu udah tau kan apa itu Dropdown Menu.ya udah tenang aja karena dalam postingan kali ini klinik-it akan menjelaskan bagaimana Cara Membuat Dropdown Menu.Tapi sebelumnya klinik-it akan menjelaskan sedikit dulu tentang Dropdown Menu. Apa sich kegunaan dari Dropdown Menu ini.Dropdown Menu ini berguna untuk membuat menu tanpa harus memakan banyak tempat.misalnya saja untuk menu-menu postingan kamu,atau bisa juga sebagai menu utama blog. dan yang jelas Dropdown Menu ini tidak akan memakan tempat yang banyak.untuk membuatnya silakan ikuti tutorial Cara Membuat Dropdown Menu berikut ini.
1.Login Ke Blogger dengan ID kamu.
2.Klik Tata Letak.
3.Klik tab Elemen Halaman.
4.Klik Tambah Gadget.
5.Kemudian Pilih HTML/Javascript.
6.Lalu masukan Script Berikut ini.
<select onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="0" selected="selected">MENU</option><option value="http://klinik-it.blogspot.com/2010/02/cara-download-video-youtube.html">Cara Download Video Youtube </option><option value="http://klinik-it.blogspot.com/2010/01/cara-nge-hack-facebook.html"> Cara nge-hack Facebook </option><option value="http://klinik-it.blogspot.com/2010/02/cara-konversi-file-online.html"> Cara Konversi File Online</option><option value="http://klinik-it.blogspot.com/2010/02/cara-buat-blog.html"> Cara Bikin Blog </option><option value="http://klinik-it.blogspot.com/2010/01/cara-nge-hack-facebook.html"> Cara nge-hack Facebook </option></select>
Keterangan : Silakan Ubah Link yang berwarna biru dengan link-link Blog kamu. Dan ganti Teks yang berwarna merah dengan Teks yang kamu inginkan.
7.Dari Script di atas maka hasilnya adalah sebagai berikut.
8.Jika kamu ingin menambahkan menu-menu yang lainya,kamu tinggal menambahkan Kode berikut ini di atas kode </select>.
<option value="URL link">Teks</option>.
8.Setelah jadi semua jangan lupa klik SIMPAN.
9.Selamat mencoba...
Tidak ada komentar:
Posting Komentar