Cara Membuat Drop Down Menu

Drop Down Menu amat penting bagi blogger yang mahukan setiap posting/news/artikel tersusun rapi secara automatik mengikut bulan.Masalah yang akan timbul ialah apabila setahun@2 @3 tahun posting/artikel akan berjela panjang ke bawah.Untuk mengatasinya kita boleh membuat pull-down menu supaya kelihatan seperti di bawah ini:

- Archives - <$BlogArchiveName$>

Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan berjela panjang di sidebar kita. yang kelihatan hanya nama "Archives", baru setelah di klik, akan muncul nama bulan sisipan kita.
Untuk membuat pulldown menu seperti di atas,ada dua iaitu untuk blogger dengan template klasik, dan blogger dengan template baru. Untuk template klasik langkahnya seperti di bawah :
1. Login ke blogger.com dg id Anda
2. Klik Template
3. Di bahagian sidebar blog Anda bahagian archives, cari kode html di bawah:

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

4. Sila gantikan kod di atas dengan kod html di bawah ini:

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

5. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.

6. Selesai.

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

1. login dulu dengan id anda

2. klik LAYOUT

3. Klik PAGE ELEMENTS, cari element (kotak) yang bertulis Blog Archive

4. Klik Edit pada kotak Blog Archive tadi

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

Sekarang kita belajar cara membuat menu dropdown dengan link dii dalamnya, Contohnya menu Dropdown milik saya yang berada di sebelah kanan sidebar iaitu "menu pilihan ibu". Untuk membuatnya sila copy kod HTML di bawah :

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);"><br /> <br /> <option value="0" selected />Desert<br /> <option value="http://nurlisa2010.blogspot.com/2010/04/puding-karamel-tanpa-telur.html" /> Puding Karamel Tanpa Telur <br /> <option value="http://nurlisa2010.blogspot.com/2010/07/puding-kacang-merah.html" /> Puding Kacang Merah<br /> <option value="http://nurlisa2010.blogspot.com/2010/07/puding-jagung.html" /> Puding Jagung<br /> </select>