Membuat Archive Calendar Sebagai Blog Archive

Hay Guys, Salam Rhenz Blog!!!  Akhirnya Rhenz Berhasil Update Rhenz Blog Secara Overall Dan keseluruhan. Tampilan Sudah Ok, Gadget Sudah Ok, Dan Artikel Juga Sudah Ok. Namun Bukan Hanya Karena Hal Ini, Rhenz Harus Cuti Dan Nyantai. Karena Rhenz Dalam Waktu Senggang, Lebih Baik Rhenz Lakukan Buat Update Dan Ngembangin Artikel.

Artikel Kali Ini Mengenai Blog Archive. Seperti Yang Kita Ketahui, Blog Archive Merupakan Salah Satu Gadget Yang Menampilkan Arsip Artikel Kita, Namun Ukuran Blog Archive Bergantung Pada Banyaknya Posting, Makin Banyak Posting Makin Panjang Side Bar Anda, Namun Hal Itu Harus Dihindari. Biasanya Orang Menggunakan Menu Drop Down Atau Menggunakan Scroll, Tapi Kelihatannya Tidak Kreativ. Karena Itu Rhenz Kasih Cara Bikin Blog Arsip Dalam Bentuk kalender(Archive Calendar).


Mau Tahu Caranya? Ikuti Cara Di Bawah ini
1) Login Ke Blogger Anda
2) Masuk Ke Rancangan > Tataletak > Tambah Gadget
3) Pilih Html/java script
4) Paste Kode Di Bawah

<div id="blogCalendar"></div>

<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>

<script type="text/javascript">

Calendar.base="http://friendchipzz.blogspot.com";

Calendar.timeZone="+08:00";

Calendar.timeZoneCheck = true;

Calendar.drawTable();

</script>

<style>

#blogCalendar {text-align:center;border:0px;background: url(http://jessieshu1984.googlepages.com/blog01-7.jpg) no-repeat top;margin:0;font-family:arial;height:180px;line-height:14px;}

#CalendarCaption a{color:#777;text-decoration:none;margin:auto;font-size:80%;}

#CalendarCaption{width:80%;margin:auto;}

#CalendarTable{height:123px;margin-top:2x;}

#CalendarTable a{font-weight:bold;color: purple;}

#CalendarTable table {width:auto;margin:auto;border: 0px;text-align:center;font-size:80%;padding-top:5px;}

#CalendarTable table th{font-size:85%;}

#CalendarTable table td{border:0px;}

#CalendarTable a:link, #Calendar a:visited, #Calendar a:active{font-weight:bold;Text-decoration:underline;}

#CalendarTable a:hover {text-decoration:none;}

#CalendarMonth{font-size:90%;}

.Today{text-decoration:none;color: darkred;}

.Today a:visited, .Today a:link, .Today a:active, .Today a:hover {text-decoration:none;color: #ddd;}

#CalendarFooter{color:Green;font-size:80%;padding-top:10px;}

#monthTable{background:#eee;}

.yearInput{background:#eee;}

</style>

5) Ubah Tulisan Bercetak Tebal Dengan Url Blog Anda
6) Jika Anda Ingin Menggembangkannya Lagi Silahkan Coba Gonta-Ganti Kode Di Atas

Happy Bloggging