作者timpanii (eOltm)
看板Blog
标题[心得] 替你的Blogger装上DHTML的月历
时间Thu Feb 2 20:28:31 2006
原文在这里
http://ecmanaut.blogspot.com/2005/08/adding-calendar-navigation-to-your.html
可以顺便看一下他的月历, 不过他还有另外改写过一点
这里有另外一个没改写过的
http://zenzhao.blogspot.com/
优点:
. 一个很漂亮的月历(可自己更换skin)
. 重点是DHTML的部分写的很好, 可以直接选择月份和年份
(滑鼠在月历上面的"<"或者">"按钮上面押住就可选择)
缺点:
. 必须更动你的文章以及archive的日期格式, 还有你archive的频率
. 一定要找一个可以储放网页的地方(如学校提供的网页空间)
. 要加上去实在是 太 麻 烦 了
请先确定你对Blogger的Template每个标签在作什麽有一定的了解
==
我大概翻译一下, 如果你的Blogger介面是中文, 请自己对应一下.
强烈建议先把你的template存到文字档案上面来编辑
1. 首先到
http://www.dynarch.com/projects/calendar/
下载calendar的包装, 解压缩到你自己的网页空间
假设放在
http://www.example.com/jscalendar-1.0/
2. 在</head>前插入以下四行, 记得改路径
比如说你放在
http://www.exmaple.com/jscalendar-1.0, 那你就必须把底下的PATH
改成
http://www.example.com/jscalendar-1.0
<style type="text/css">@import url("PATH/skins/aqua/theme.css");</style>
<script type="text/javascript" src="PATH/calendar.js"></script>
<script type="text/javascript" src="PATH/lang/calendar-en.js"></script>
<script type="text/javascript" src="PATH/calendar-setup.js"></scrip>
3. 在你要放月历的地方加入一个空的div
<div id="calendar-container"></div>
以後月历就会插在这里
你可以先在这个div後面插入以下这段, 强迫月历现形(但是目前没有任何用处)
看完以後就可以删掉底下这段了
<script type="text/javascript"><!--
Calendar.setup( {flat:'calendar-container'} );
//--></script>
4. 在你的blogger的Settings -> Archiving -> Archive Frequency
把archive的频率改成"Daily", 储存
Settings -> Formatting -> Archive Index Date Format
把这个日期改成 YYYY-MM-DD的形式
顺便再改Date Header Format, 一样改成YYYY-MM-DD, 然後储存
记得republish
5. 在你原本放Archive列表(一般人通常按月份来排)的地方 应该有一段长的像
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
(按: 因为有的人喜欢月份越新的摆越前面, 所以自己用JavaScript改写了这段,
请改回来, 或改成像是上面这样, 不然月历抓不到...)
然後这段的外面应该是以 <MainOrArchivePage></MainOrArchivePage>包起来
把这两个标签以<div id="archive"></div>取代
6. 在</head>之前插入原文网页上落落长的一串JavaScript
(因为太长了, 这里就不列出来了)
最後是在<body>上面加上 onload="calendar" 属性
7. 完工, 把你的template放上Blogger然後republish吧
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.114.80.17
※ 编辑: timpanii 来自: 140.114.80.17 (02/02 20:33)
1F：推 carls:精辟详细的分享 感谢！ 02/06 02:08