Cara Membuat Menu Dropdown

Cara Membuat Menu Dropdown - Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua & tiga tahun lagi? Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini: 

- ARCHIVES - Januari 2010 Maret 2011 April 2012 Desember 2013 April 2014

Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi & berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita.

Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dg template klasik, dan template baru. Untuk template klasik langkahnya yaitu : 

 Login ke blogger.com dg id Anda

Klik Template

Di bagian sidebar blog Anda bagian archives, ada kode html sbb:

&<bloggerarchives> <a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a> </BloggerArchives>

Nah, ganti kode di atas dg kode html di bawah ini:

<select name="archivemenu" onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected>- Archives -</option> <bloggerarchives> <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option> </BloggerArchives> </select>

Apabila selesai, klik Simpan Templat

Selesai.

Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagaimana caranya membuat menu dropdown yg di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik sy pribadi.Untuk membuatnya silahkan anda copy kode HTML di bawah : 

<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option Value=”http://carabuatwebblog.blogspot.com”-carabuatwebblog.blogspot.com-</option> <option value=" http://carabuatwebblog.blogspot.com/2014/03/apa-yg-anda-cari-dari-internet.html"> Apa yg Anda cari dari Internet</option> <option value="http://carabuatwebblog.blogspot.com/2014/02/anda-seorang-pemula-atau-gaptek-di.html">Peluang Usaha</option> <option value="http://carabuatwebblog.blogspot.com/p/menu.html">Tentang Affiliate</option> <option value="http://carabuatwebblog.blogspot.com/2014/03/tentang-rwp_12.html">Tentang RWP</option> <option value="http://carabuatwebblog.blogspot.com/p/panduan-blog-gapteker.html">Tentang Kami</option> <option value="http://carabuatwebblog.blogspot.com/p/panduan-blog-gapteker.html">Panduan Blog Buat Gapteker</option> <option value="http://carabuatwebblog.blogspot.com/2014/03/cara-membuat-email-di-gmail_13.html">Cara Membuat Email di Gmail</option> <option value=" http://carabuatwebblog.blogspot.com/2014/03/cara-membuat-blog-di-blogger_15.html">Cara Membuat Blog di Blogger</option> <option value="http://carabuatwebblog.blogspot.com/2014/03/cara-setting-menu-dasar-di-blog.html">Cara Setting Menu Dasar di Blog</option> <option value="http://carabuatwebblog.blogspot.com/2014/03/cara-memposting-artikel.html">Cara Memposting Artikel</option> </select></form>

 Hasilnya akan seperti ini : 

- http://carabuatwebblog.blogspot.com/- Apa Yg Anda Cari dari Internet? Peluang Usaha Tips Bisnis Tentang Affiliate Tentang Rahasia Website Pemula Tentang Kami Cara Membuat Blog di Blogger Cara Membuat Email di Gmail Cara Membuat Text Area Cara Membuat Menu Dropdown


Mudah bukan?   Selamat mencoba !