ping fast  my blog, website, or RSS feed for Free free search engine submission

Minggu, 29 Januari 2012

cara membuat menu dropdown


disebelah kanan pada gambar dapat anda lihat ada panah kecil yang mengarah kebawah, jika itu di klik, maka menu-menu yang tidak terlihat akan terlihat menurun ke bawah.
sebenarnya saya masih bingung juga, apa perbedaan submenu dengan menu dropdown, tapi setelah saya cermati, menurut saya perbedaannya adalah kalau menu dropdown untuk mengetahui menu yang tidak terlihat, harus di klik pada tanda panah yang ada di pojok kanan, tetapi kalau submenu, tidak perlu kita meng-klik, asalkan kursor mengarah ke menu utama, secara otomatis menu-menu yang tidak terlihat/submenu akan muncul/terlihat/tampil.
ikuti langkah-langkah berikut untuk membuat menu dropdown :

1. login ke blog anda jika belum masuk

2. klik rancangan

3. kemudian klik tambah gadget/widget

4. setelah itu pilih HTM/JavaScript

5. copy kode di bawah ini dan paste kan

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

keterangan :
yang warna merah ganti dengan link anda
yang warna biru ganti adalah teks yang di tampilkan ( ganti sesuai kebutuhan/yang anda inginkan )

untuk menambahkan menu lagi, tambahkan kode berikut ini

<option value="Link 3">Text 3</option>

sebelum kode </select>

Link dalam menu dropdown 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.
tetapi ada satu type lagi yang bila di klik link-nya maka akan membuka window baru tanpa menutup blog anda. yang ini cocok untuk Blogroll atau Friend Link.

cara membuatnya sama dengan cara di atas cuma anda harus mengganti kode di bawah ini

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

dengan kode di bawah ini

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

selamat mencoba dan semoga berhasil, berikan komentar anda jika ada yang kurang jelas


Tidak ada komentar:

Poskan Komentar

Terimakasih saya ucapkan..
karena anda telah memberikan komenter pada artikel ini..
gabung dengan saya di facebook.com >> http://www.facebook.com/ganta.a.tasya
gabung dengan saya di twitter.com >> http://twitter.com/GantaArgaTasya
gabung dengan saya di blorner.com >> http://blorner.com/GATOT12/
gabung dengan saya di Google+.com >> http://plus.google.com/111785983690816699275/posts
gabung dengan saya di digg.com >> http://digg.com/gatots
gabung dengan saya di bloggers.com >> http://bloggers.com/GATOT12
gabung dengan saya di planet-blog.com >> http://www.planet-blog.com/user/6855

Related Posts Plugin for WordPress, Blogger...

 
Design by Gatot Susilo | Bloggerized by Gatot Susilo - Premium Blogger Themes | Best Web Hosting
Facebook Twitter Yahoo! Feeds Myspace