10.06.2010

Cara Membuat Menu Dropdown

Bismillah..Segala puji milik Allah.
Pada posting yang ke enam ini saya kembali menambah artikel mengenai tutorial blog untuk pemula, yakni cara membuat menu dropdown.

Walau tutorial pemula seperti ini sudah banyak di tulis oleh kalangan blogger namun kiranya mungkin masih ada di antara pembaca yang baru bergabung dengan dunia blogger alyas pemula seperti saya dan belum mengetahui cara membua menu dropdown.

Menu dropdown adalah menu yang tersusun secara vertikal atau menurun dan hanya menampilkan judul menu. Mamfaat dari menu dropdown ini adalah untuk menghemat tempat pada sidebar atau footer, sebagai contoh di bawah ini:


Nah.., untuk membuat menu seperti di atas cara adalah sebagai berikut:
  • Login ke blogger.com
  • Kemudian pilih Rancangan
  • Pilih elemen Tambah Gadget
  • Pilih gadget HTML/javascript
  • Copy code di bawah ini dan paste kedalam gadget HTML/javascript di blog anda,

<select onChange="document.location.href=this.options[this.selectedIndex].value;" style="width:200px;height:28px;">
<option value="0" select>Daftar Isi</option>
<option value="http://alamat-blog-anda.com/2010/10/link-satu.html">Judul link satu</option>
<option value="http://alamat-blog-anda.com/2010/10/link-dua.html">Judul link dua</option>
  • Setelah selesai klik tombol Simpan dan lihat hasilnya.
Tambahan:
  • Kode yang berwarna hijau, adalah ukuran lebar dan tinggi menu, silahkan ganti sesuai dengan keinginan anda.
  • Dan kode yang berwarna merah, adalah url halaman yang di tuju. Silahkan ganti dengan alamat atau url halaman anda
  • Selamat membuat menu dropdown dan semoga tulisan ini bermamfaat
Jika anda ingin melihat tutorial blog yang lain, silahkan berkunjung ke blog sahabat innah.

1 komentar:

Hengky Jordison Hasibuan mengatakan...

kok klaw lewat hp kok gak nampak ?

Jawab
Post Lama Post Baru Beranda