Tips Membuat Menu Dropdown

Untuk menghindari arsip blog yang menumpuk atau berderet kebawah terlalu panjang, kita bisa menggunakan menu dropdown agar terlihat lebih efisien. Karena semakin banyak dan semakin lama kita ngeblog maka arsip blog kita akan bertambah panjang daftarnya. Seperti yang kita ketahui, blog di arsip setiap bulan. Bagaimana kalau sobat ngeblog bertahun-tahun, tentu akan semakin panjang kan daftar bulan arsip blog sobat.
Berikut ada sedikit tips untuk membuat menu dropdown, tapi saya hanya akan menjelaskan cara membuat menu dropdown untuk yang memakai template baru, karena saya sendiri juga menggunakan template baru.

  • Login ke Blogger dengan ID sobat tentunya.
  • Klik Tata Letak.
  • Kemudian klik Elemen Halaman.
  • Klik tambah Gadget --> kemudian pilih menu yang bertulikan Arsip Blog
  • Disamping tulisan style, pilih radio button yang bertuliskan Dropdown Menu --> kemudian contreng kotak radio button tersebut.
  • Klik Simpan.
  • Itu tadi menu dropdown untuk Arsip Blog sobat, lantas bagaimana cara membuat menu dropdown yang didalamnya terdapat link. Seperti ini kode HTML nya :

    <form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>judul menu</option>
    <option value="isi dengan addres yang ingin di tuju">judul link disini</option> </select></form>

  • Contohnya seperti berikut :

    <form><select name="menu"  onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
    <option>Blogspot Tutorial</option>
    <option value="http://miscah.blogspot.com/2009/05/yahoo-messenger-emoticons.html">Yahoo! Emoticons</option>
    <option value="http://miscah.blogspot.com/2009/04/tips-membuat-efek-marquee.html">Membuat Efek Marquee</option>
    <option value="http://miscah.blogspot.com/2009/04/cara-membuat-label-kategori.html">Cara Membuat Label</option>
    <option value="http://miscah.blogspot.com/2009/04/tutorial-membuat-text-area.html">Membuat Teks Area</option>
    <option value="http://miscah.blogspot.com/2009/04/membuat-favicon.html">Tips Membuat Favicon</option>
    <option value="http://miscah.blogspot.com/2009/04/trik-membuat-read-more.html">Tips Membuat Read more</option>
    </select></form>
  • Hasilnya :

Sangat mudah bukan, silahkan dicoba !

Berlangganan artikel terbaru via Email
Artikel Lainnya :

15 comments

12 Mei 2009 06.49

Wah tambahan lagi nich Tutorial Blognya ...
Thanks Mas Dody...
salam kenal and kunjungi juga Blogku ya...

12 Mei 2009 07.30

Salam Kenal kembali mas lulus..

wah tips yang menarik nih,..

16 Maret 2010 22.54

Makasih gan.

Nice.....

24 April 2010 15.10

mantabh kang

8 Agustus 2010 13.02

makasih infonnya
http://masyonow.blogspot.com
silahkan mampir

mantab dan bagus banget nich blognya, kunjungan balik ya bro di download ebook gratis =p

17 Oktober 2010 22.07

Informasi yang bagus, tetapi apakah ini bisa diterapkan di Wordpress ? Karena di Wordpress CSS-nya terpisah-pisah dan tidak menjadi satu seperti edit HTML-nya blogspot.
Terima kasih

24 Oktober 2010 16.55

tutorial yang sangat berguna sekali, izin copas di blog www.zul-belajar.blogspot.com ya, biar enak buat tambahan ilmunya thanks

13 Desember 2010 16.04

Itu tadi menu dropdown untuk Arsip Blog sobat, lantas bagaimana cara membuat menu dropdown yang didalamnya terdapat link. Seperti ini kode HTML nya :
nah kotak pertama ini adanya dimana, binggung nih.. gak ketemu,mohon pencerahannya..
thanks..

3 Juli 2011 21.17

thanks oom
success !!!

21 Juli 2011 20.39

ada yang auto ga gan ribet mau setting2 molo
btw thanks infonya

Anonim
24 September 2011 22.06

thanks bro

23 Januari 2012 10.59

makasih banget udah di share ilmu..mudah2 bermanfaat bwt yang lainnya juga...

23 Januari 2012 11.01

izin kopi yach untuk sekedar dipelajari...
heheeehheee
makasih....

Poskan Komentar

Reader Community

Recent Comments