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 dan tiga tahun lagi?
Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini:
Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu
bulan-bulan tsb tidak akan memenuhi dan 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 dengan
template klasik, dan template baru. Untuk template klasik langkahnya
yaitu :
Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :
&<BloggerArchives>
<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>
</BloggerArchives>
<select name="archivemenu"
onchange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>- Archives -</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>
Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu
Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown
yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown
milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan
“ blog tutorial “. 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=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>
Hasilnya akan seperti ini :
<option>- Blog Tutorial -</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html">Membuat Blog</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html">setting Blog</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html">Memilih Template</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">warna & hurup</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html">Posting Artikel</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html">Read more (1)</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Text area</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html">Blogger Emoticons</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Yahoo!Emoticons</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">Download Gratis</option>
</select></form>
Mudah bukan? Selamat mencoba !
sumber
0 komentar:
Posting Komentar