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

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 SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
Selesai.

Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :

login dulu, tentunya dengan id anda
klik LAYOUT
Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
Klik Edit pada kotak Blog Archive tadi
Di samping tulisan Style ada beberapa radio button, pilih radio button
yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
Klik Save Changes
Selesai

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>







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

Hasilnya akan seperti ini :

Mudah bukan? Selamat mencoba !

Ingin pintar dalam bahasa HTML silahkan download ebook nya

di
sini .

Ingin pintar membuat Website sendiri, klik

di sini