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 :

Apa yang ingin anda cari..? Uzumaki Lovers Memmbuat Spoiler Membuat Read More Membuat Related Post

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