Finding the End: 8格圈给blog加日历详解文件,加强版!

星期一, 四月 23, 2007

这个帖子本来是来自 8个圈的blog(旧版)上发表,我从他那里拿来的,自己在自己的需求上,用自己的一点少得可怜的知识大概改写了下,去掉了日历底下的链接,也对日记的保存方法做了下解读,下面我就先贴出原帖子,然后在说别的吧
====================================================================
老规矩，先介绍准备工作：
将blogger的存档设成“每日”，再将存档的日期格式设为“yyyy-mm-dd”。保存原来的模板！！！ <保存格式很重要,牵扯到你日记保存的位置,这种样式日记将以yy_mm_dd_yourname_archive.html,格式保存到你的站点下,如果你使用yyyy/mm/dd格式,它将会保存在: http:yourblog/yyyy/mm/dd/yourname_archive.html,需要注意的是绿色的文件名是有你来决定的,在 (设置)->(存档) 你会看到怎么设定,在上面的这个js文件里默认的是这种格式,所以看你自己的喜好了>

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();" ><< </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名,<如果你象我一样实用的是ftp发布模式的话,就改到你日记文件保存的文件夹>

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

下面咱们来看下js文件里面的门道吧:

function archiveurl(idx) {
url = this.base; 
url+=this.blogarchivename[idx].slice(0,4) + '_' + this.blogarchivename[idx].slice(4,6) + '_' + this.blogarchivename[idx].slice(6) + '_'; 
var i=7;
while (this.base.slice(i,i+1) != '.')
{
url+=this.base.slice(i,i+1); i++
}
url+='_archive.html';

return url;
}