Blog Tutorial
Free Template
Kang Rohman dot com
Obral Plus
Belajar Web
Daftar isi
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 :
Klik Template
Di bagian sidebar blog Anda bagian archives, ada kode html sbb:
&<BloggerArchives>
<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>
</BloggerArchives>
<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 :
klik LAYOUT
Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan
Dropdown Menu dengan cara memberi tanda tik/cek
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>
<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<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>
Ingin pintar dalam bahasa HTML silahkan download ebook nya di sini .
Ingin pintar membuat Website sendiri, klik di sini.
http://kolom-tutorial.blogspot.com/2007/04/membuat-menu-
dropdown.html?showComment=1215969000000