Cara Membuat Dropdown Menu Pada Blog

Hai sobat blogger,, setelah beberapa hari ngga posting di blog ini karena mencari ide untuk membuat postingan baru, akhirnya saat ini sudah mendapatkan ide. Dan lagi-lagi kali ini adalah postingan tentang blogging. Setelah sebelumnya saya membuat postingan tentang Cara Membuat Spoiler Pada Blog, kali ini saya akan berbagi tips blogging yang hampir sejenis, yaitu Cara Membuat Dropdown Menu Pada Blogger (List Menu). Dropdown menu ini (list menu) adalah sebuah menu yang berisikan kumpulan link-link teks yang ditampilkan menurun kebawah jika menu tersebut di klik.
Dropdown menu ini biasanya digunakan untuk mengelompokkan kumpulan link menjadi sebuah menu agar link-link tersebut tidak memakan tempat pada sebuah blog. Dropdown menu ini juga dapat digunakan sebagai alat navigasi pada blog.
Berikut ini contoh Dropdown menu :


>> Anda dapat menempatkan dropdown list menu pada postingan blog atau pada widget. <<

Berikut ini cara membuat Dropdown list menu :

1. Masuk ke akun blogger anda

2. Untuk meletakkan menu dropdown pada widget, klik Design >> Page Element >> Add Gadget, kemudian masukkan kode script dengan format seperti dibawah ini. Sedangkan jika anda ingin meletakkannya didalam postingan blog, pilih Posting >> New Post, kemudian pilih HTML mode dan masukkan kode seperti dibawah ini :
 <form><select name="menu"  onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option>Apa yang ingin anda cari..?</option>
<option value="http://uzumaki-lovers.blogspot.com/">Uzumaki Lovers</option>
<option value="http://uzumaki-lovers.blogspot.com/2011/11/cara-membuat-spoiler-pada-blog.html">Membuat Spoiler</option>
<option value="http://uzumaki-lovers.blogspot.com/2011/11/membuat-read-more-pada-blogger.html">Membuat Read More</option>
<option value="http://uzumaki-lovers.blogspot.com/2011/11/cara-membuat-related-post-pada-bloger.html">Membuat Related Post</option>
</select></form>
    >> Catatan :
  • Tulisan "Apa yang ingin anda cari..?" adalah kata yang muncul pada dropdown menu pertama kali, contohnya dapat dilihat pada contoh dropdown menu diatas. Anda dapat menggantinya sesuai keinginan...
  • Ganti URL diatas dengan URL anda.
  • Ganti Tulisan berwarna merah dengan teks yang ingin anda munculkan

3. Terakhir, klik Save atau Publish.

Sekian tulisan saya mengenai Cara Membuat Menu Dropdown Pada Blog,, semoga artikel ini bermanfaat bagi anda... Terima kasih telah berkunjung dan membaca di blog ini...

34 komentar:

  1. mantab bro,, memudahkan pencarian,,,

    BalasHapus
    Balasan
    1. KAMI SEKELUARGA MENGUCAPKAN BANYAK TERIMA KASIH ATAS BANTUANNYA MBAH , NOMOR YANG MBAH BERIKAN/ 4D SGP& HK SAYA DAPAT (350) JUTA ALHAMDULILLAH TEMBUS, SELURUH HUTANG2 SAYA SUDAH SAYA LUNAS DAN KAMI BISAH USAHA LAGI. JIKA ANDA INGIN SEPERTI SAYA HUB MBAH_PURO _085_342_734_904_ terima kasih.

      KAMI SEKELUARGA MENGUCAPKAN BANYAK TERIMA KASIH ATAS BANTUANNYA MBAH , NOMOR YANG MBAH BERIKAN/ 4D SGP& HK SAYA DAPAT (350) JUTA ALHAMDULILLAH TEMBUS, SELURUH HUTANG2 SAYA SUDAH SAYA LUNAS DAN KAMI BISAH USAHA LAGI. JIKA ANDA INGIN SEPERTI SAYA HUB MBAH_PURO _085_342_734_904_ terima kasih.


      KAMI SEKELUARGA MENGUCAPKAN BANYAK TERIMA KASIH ATAS BANTUANNYA MBAH , NOMOR YANG MBAH BERIKAN/ 4D SGP& HK SAYA DAPAT (350) JUTA ALHAMDULILLAH TEMBUS, SELURUH HUTANG2 SAYA SUDAH SAYA LUNAS DAN KAMI BISAH USAHA LAGI. JIKA ANDA INGIN SEPERTI SAYA HUB MBAH_PURO _085_342_734_904_ terima kasih.


      Hapus
  2. Iya mas bro,, selain itu juga dapat menghemat tempat di blog... :D

    BalasHapus
  3. hehe... paling males saya utak atik html hehe... tp mantap
    nice post

    BalasHapus
  4. Dropdown menu memang menghemat tempat tapi juga jadi nambah kerjaan karena harus masukin link satu2 :D Lebih tepat kalo digunakan untuk kategori aja kali ya..Oh ya numpang tanya sob, saya melihat keanehan kenapa link judul artikelnya tidak keliatan manakala disorot dengan mouse ya ? Apakah memang disetting seperti itu ?

    BalasHapus
  5. @ Share With Irfan
    Oh.. untuk post title itu sebenarnya ngga sengaja mas.. dulu bermula waktu ngutak-atik tag heading h1, h2, h3... trus jadi kayak gitu sampai sekarang :-/ Btw kayaknya template blog ini mau saya ganti,, tapi masih bingung milih template... :)

    BalasHapus
  6. @Uzumaki Lovers
    Nah lho..kesalahan fatal dong mas bro ? ~x( Biasakan sebelum ngutak-ngatik template download dulu full template buat jaga2 kalo ada kesalahan ;)) Btw soal rencana ganti template coba deh googling dgn keyword template blogger seo friendly kalao mau nyari template SEO :D Mau rekomendasi yg hitam udah ada Mister Bo dgn Faster Black-nya. Kayaknya Uzumaki lebih selera sama yang stylish jd agak susahan nyarinya. Oh ya baru ingat..he he (mulai pikun nih!) saya punya teman di Bloggers namanya Prayag Verma yg baru luncurin template barunya Stylify coba berkunjung dulu deh.

    BalasHapus
  7. @ Share With Irfan
    hehe... dulu kelupaan mas :D,, Untuk template blog sebenarnya saya lebih suka dengan template yang loadingnya cepat dan warnanya terang + SEO friendly, untuk stylish itu sebenarnya masalah belakangan sih ;))
    Btw thanks sarannya, template dari mas Prayag Verma bagus juga nih.. ;;)

    BalasHapus
  8. Hi All...
    i love it's info cool!!

    BalasHapus
  9. drobdown menu memang sangat baik untuk mengehemat tempat dan memudahkan pengunung untuk mencari :)

    BalasHapus
  10. @ Farixantips
    Iya sob,, terimakasih juga sudah menyempatkan mampir ke blog sederhana ini :)

    BalasHapus
  11. wah, nice Tipsnih, lebih irit tempat namun sangat efektif,
    langsung dicoba praktekin dulu,
    thanks, nice share...!

    BalasHapus
  12. tips membuat menu dropdownnya sangat bermanfaat sobat, banyak blog teman saya yang menggunakannya sobat,,,

    BalasHapus
  13. @ Zaenal Blog
    Sama-sama sob,, thanks juga udah mampir. silakan dicoba saja... semoga bermanfaat :D

    @ Asis Sugianto
    Iya sob,, thanks juga udah mampir ke blog saya ;)

    BalasHapus
  14. perlu dicoba nih lain kali di blog saya sobat

    BalasHapus
  15. Sangat bermanfaat Sob! ... selain itu tidak makan tempat.

    BalasHapus
  16. Menu dropdown ini lebih cocok digunakan untuk alat navigasi blog ;),,

    BalasHapus
  17. I love dropdown apa lagi dihias JSS ^^

    Salam kenal yah Uzumaki fans ^^ (muter2)

    BalasHapus
  18. @ cardiacku
    Silakan sob,, jangan sungkan2, hhehe :D

    @ Madhek Blog
    Iya sob,, thanks kunjungannya.. :))

    @ Shireishou
    Iya, mas bro,, salam kenal juga.. Thanks kunjungannya semua

    BalasHapus
  19. makasih infonya

    ku tunggu artikel selanjutnya

    BalasHapus
  20. thx sob dach berbagi ilmu,,,

    http://slalau-cihuy.blogspot.com

    BalasHapus
  21. tips blogging yg mnarik n brmanfaat
    lgsung ke TKp

    BalasHapus
  22. mantap ,.kalau di halaman posting gimana ?

    BalasHapus
  23. Kayaknya ribet Gan masukin link atu2.... tapi bermanfaat banget buat menghemat tempat... thanks infonya :)

    BalasHapus
  24. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    BalasHapus
  25. Nice tutorial sob..kapan-kapan bakal saya terapkan nih di blog saya.

    Nice blog & Thanks :)

    BalasHapus
  26. saya copas dulu aja gan...
    thank'z tipznya..!!

    BalasHapus
  27. Terimakasih Gan infonya janagan lupa bekunjung di mari Karimunjwa Opentrip

    BalasHapus