Cara buat Arsip pull-down di Blogspot

Cara membuat arsip blog dalam satu menu dalam bentuk pull-down atau drop-down di blogger/blogspot (6)

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:
- Archives – January 2004 February 2004 March 2004 April 2004 May 2004

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 diklik, akan muncul nama bulan arsip-arsip kita.
Caranya mudah.

(1) Login ke blogger.com dg id Anda
(2) Klik Template
(3) Di bagian sidebar blog Anda bagian archives, ada kode html sbb:

<BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives>
(4) 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> 

(5) Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
(6) Selesai.

Mudah bukan? Selamat mencoba.

Sumber: http://www.fatihsyuhud.com

Tutorial Blog WordPress.com

Tutorial Blogger.com / Blogspot

Tutorial Umum Blogging (Untuk Wordress dan Blogger.com/Blogspot): Promosi dan Manfaat Membuat dan Menulis Blog

Tips Menulis di Blog

Pasang Iklan, Dapatkan Penghasilan Online

About these ads

45 thoughts on “Cara buat Arsip pull-down di Blogspot

  1. Ping-balik: Belajar WordPress Bagi Pemula | Tempat Berbagi Untuk Semua Orang

  2. Ping-balik: Link Tutorial Blog ( A-Z ) | Let's Thinking...

  3. Ping-balik: Tutorial Blog | fentanovii

  4. Ping-balik: Panduan tutoria… | arirahmadani

Silahkan berkomentar dengan santun

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s