Kebayang ga she kalo kita sudah mulai ngeblog dari setahun yang lalu, then udah ratusan posting kita upload disana?! Wah tentunya arsip posting kita dari bulan ke bulan akan berjejer banyak di sidebar blog kita, panjang-panjang dan panjang…
Itu baru setahun, lha kalo dua, tiga dan tahun seterusnya kira-kira akan seperti apa ya? Wah ga kebayang deh kaya apa panjangnya. Oleh karena itu, untuk mengatasi hal ini berikut ada panduan praktis untuk membuat menu drop-down seperti contoh di bawah ini :
Sehingga nantinya teman-teman tidak direpotkan lagi dengan panjangnya tampilan arsip di sidebar blog teman-teman. Nantinya yang akan tampil di sidebar teman-teman hanyalah tulisan "Archives", baru setelah di klik tombol drop-down-nya (tanda panah kebawah), akan muncul nama bulan yang berisi arsip-arsip kita.
Untuk membuat arsip pulldown ini ada dua cara, yakni untuk blogger dengan template klasik, dan template baru.
Untuk Template Klasik langkahnya sebagai berikut :
1. Seperti biasa, teman-teman harus Login dulu ke blogger.com dengan user-id teman-teman
2. Klik Template
3. Lihat di bagian sidebar blog Teman-teman bagian archives, ada kode html sbb:
&<BloggerArchives> <a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a> </BloggerArchives> |
4. Kalo sudah ketemu, ganti kode di atas dengan 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> |
5. Save perubahan tadi dengan klik SAVE CHANGES. Bila sudah DONE, terus klik REPUBLISH.
6. Selesai dech…
Untuk Template Baru langkahnya sebagai berikut :
1. Seperti biasa, teman-teman harus Login dulu ke blogger.com dengan user-id teman-teman
2. Klik LAYOUT
3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archives
4. Klik Edit pada kotak Blog Archive tersebut
5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
6. Klik Save Changes
7. Selesai dech, lebih mudah kan….
BONUS
Wah kalo dengar bonus, pokonya yang gratis-grratis pasti langsung seneng neh. Ok teman, Itu tadi yang dijelaskan di atas merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, khusus untuk archives. Nah, sekarang bagaimana caranya membuat menu dropdown yang di dalam nya ada linknya, artinya ini nanti bisa ditaruh dimana saja dan tidak sekedar untuk archives saja. Wuiszz..mantep neh bonusnya! Saya ambil contoh untuk menu dropdown milik saya pribadi yang berada di sidebar sebelah kanan dibawah menu label/ Categories. Untuk membuatnya silahkan teman-teman copy kode HTML di bawah :
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION> <option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form> |
Sebagai contoh untuk menu Dropdown milik saya :
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option>- Blog's Technique -</option> <option value="http://misnozone.blogspot.com/2009/10/avatar-di-comments-blog-new.html">Avatar for Blog</option> <option value="http://misnozone.blogspot.com/2009/10/aksesoris-web-counter.html">Web Counter</option> <option value="http://misnozone.blogspot.com/2009/10/aksesoris-kalender.html">Kalender</option> <option value="http://misnozone.blogspot.com/2009/10/ganti-icon-address-bar-gaulz.html">Ganti Icon Address Bar</option> <option value="http://misnozone.blogspot.com/2009/10/aksesoris-jam-untuk-blog.html">Aksesoris Jam</option> </select></form> |
Hasilnya akan seperti ini :
Ternyata ga kalah mudahnya dengan yang “Archive”, meski disini banyak kode-kode tapi kalo cuma copas (copy paste) gampang kan, kwkwkwkwk….?! Selamat mencoba !
0 komentar:
Post a Comment