1.在</head>标签前添加以下代码：
<script type="text/javascript" src="http://hugo626.googlepages.com/calendarforothers.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();" >&lt;< </a>
<span id="CalendarMonth"> </span>
<a href="javascript:;" onclick="Calendar.NextMonth();"> &gt;></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名,<如果你象我一样实用的是ftp发布模式的话,就改到你日记文件保存的文件夹>

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

function archiveurl(idx) {
url = this.base; <!---- 这个是读取你上面红色blogger地址----->
url+=this.blogarchivename[idx].slice(0,4) + '_' + this.blogarchivename[idx].slice(4,6) + '_' + this.blogarchivename[idx].slice(6) + '_'; <!----这个是开始拼接你的日记地址,如果你使用yyyy/mm/dd,那么就要自己改红色的_变为"/"---->
var i=7;
while (this.base.slice(i,i+1) != '.')
{
url+=this.base.slice(i,i+1); i++
}

url+='_archive.html';

<!----这个是计算你的日记保存名称的yourname_archive.html里面的yourname,即:http://yourname.blogspot.com/,你blog地址相应红色的字就应该是你存档里面使用的名称.这里有人说自己的存档的名字不想用这个,或者使用的域名不是这种显示方法的怎么办, 好办:你只需将桔黄色的这段改成:url+='yourownname.html' 就ok了---->
return url;
}

标签： blog技巧, diary, 日记

标签： diary, 日记, 生活