马勒戈壁: [8个圈圈的Blogger-Beta] 怎样给Blogger-Beta添加日历（续一）

2006-11-29

[8个圈圈的Blogger-Beta] 怎样给Blogger-Beta添加日历（续一）

怎样给Blogger-Beta添加日历并没有解决Zakaram的问题。于是花了一天时间上网，终于找到了一个可以实现通过日历浏览blogger的方法（实例参考）。这个方法目前只能应用于blogger classic模板中，而不能应用在blogger beta layout模板中。不管怎样，也算是向前推进了一步，有兴趣的朋友接着往下瞧吧。

老规矩，先介绍准备工作：
将blogger的存档设成“每日”，再将存档的日期格式设为“yyyy-mm-dd”。保存原来的模板！！！

1.在</head>标签前添加以下代码：
<script type="text/javascript" src="http://8opages.googlepages.com/calendarclassiccn.js"></script>
你也可以下载该js代码，然后上传到你认为合适的地方。

2.然后将下面的代码放在你认为合适的地方：
<table border="0" cellpadding="0" cellspacing="0" id="Calendar">
<caption>
<a href="javascript:;" class="today" onclick="Calendar.GoToday();">回到今天 </a>
<a href="javascript:;" onclick="Calendar.PrevMonth();" ><< </a>
<span id="CalendarMonth"> </span>
<a href="javascript:;" onclick="Calendar.NextMonth();"> >></a>
</caption>
<tr>
<td class="act" id="CalendarTable"> </td>
</tr>
</table>
<script type="text/javascript">
Calendar=new ArchiveCalendar();
<BloggerArchives>
Calendar.blogarchivename.push('<$BlogArchiveName$>'.slice(0,4) + '<$BlogArchiveName$>'.slice(5,7)
+ '<$BlogArchiveName$>'.slice(8));
</BloggerArchives>
Calendar.base='http://yourname.blogspot.com/';
Calendar.refreshTable();
</script>
最重要的就是别忘了把上面红字部分换成你自己的blogger名。

3. 上面两部下来基本已经完成了99%的工作，如果你还希望美化一下你的日历，比如突出“今天”的日期，可以添加类似的CSS代码：
#CalendarTable .Today {
color: #fff;
background: #999;
}