Loading Blog Search...

Saturday, December 25, 2004

如何给BLOGGER加日历功能, a chinese version of how to add calendar in blogger

petersky说华人还有不鸟英文的, 那么用华文说也许可以帮多一些人, 这就是这个华文版的BLOGGER小帖士在这里的原因了.
我们知道BLOGGER不象LIVEJOURNAL什么的限制那么多, 基本可以配置一切可以想到的东西, 可是一个大问题是, BLOGGER竟然没有提供别家都有的日历功能, 其实给BLOGGER加一个日历(BLOGLENDAR)也很简单,我们只要做以下几步(当然首先要感谢一下MING HONG NG还有phil ringnalda, 他们基本把要做的都做了):
1、下载这个.tar.gz档, 解开共3个文件, 上载到你自己的主页上去。 我们假设你主页URL是http://zzz.com/, 这个三个文件的URL是http://zzz.com/bloglendar.js, http://zzz.com/bloglendar.css, http://zzz.com/bloglendar-main.js
2、 BLOGGER TEMPLATE大家应该都知道了咯,不多介绍,如果不了解, 推荐看一下这里。 好了, 第二步就是在你的TEMPLATE的head里面加入下面几行:
      <script type='text/javascript' charset='<$BlogEncoding$>' src='http://zzz.com/bloglendar.js'>
      </script> <script type='text/javascript' charset='<$BlogEncoding$>' src='http://zzz.com/bloglendar-main.js'>
      </script> <link rel='stylesheet' type='text/css' href='http://zzz.com/bloglendar.css' />
3、第三步也许是最重要的一步了, 先解释一下BLOGGER TEMPLATE的一个小东西
a、 在TEMPLATE里面,大家应该可以找到这个一段(可能有点不同,慢慢找吧):
      <BlogDateHeader>
       <h2 class="date-header"><$BlogDateHeaderDate$></h2>
      </BlogDateHeader>"
b、好了, 如果你的TEMPLATE有这几句,那么你如果你12月25日有一个POST,在HTML SOURCES里面,这个POST的日期就应该是这个样子:
<h2 class="date-header">december 25, 2004</h2><br/>
BLOGLENDAR所做的呢,就是把BLOGGER页面里上面这句找出来, 然后画一个日历, 然后把12.25给加亮显示出来。 问题是BLOGLENDAR的最早版本作者大概使用的template大概我们的不太一样(其实不是了,呵呵,不过这么比较好理解), 所以, 我们要做的第三步就是改改自己的TEMPLATE了, 把
<h2 class="date-header"><$BlogDateHeaderDate$></h2>改成<div class='blogDate' title='<$BlogDateHeaderDate$>'></div>就OK了。
4、在你想方日历的地方加入下面这句话:

<span id="bloglendar"><!-- Bloglendar here --></span>

6 comments:

Ben said...

Li: Do you know how to setup categories in Blogger's blogs? I want to set some blogs as "Virus Related" and some as "Life". since you said "基本可以配置一切可以想到的东西", can you tell me how? Thanks.
http://fadshop.net/blog/

Petersky said...

感?李钊大哥的指? 因?之前有下?bloglendar-0.4.2-en_us.7z ?面也是有相??明 可是程度真的很差 我看了一天仍然是瞎子摸象 所以只好????教高手了 我的感想是:英文真的要?ㄚ!!

??看了一下 第三?原?是??意思ㄚ!可是我方法都照做了
我的 Blogger仍然?有一?反? 不知道是不是因?我的空?不支援?.js 和.css格式的?? (????)

不??是很感?李钊大哥花???了?一篇中文教? ???站真的可以?到很多?西 以後我?常?逛的!!

Li-Zhao 李钊 said...

which blog u modified? i have not seen any change in template of http://peterskyhands.blogspot.com/

Li-Zhao 李钊 said...

ben,
http://spide.blogspot.com/2004/09/tips-categorize-blogger-posts.html
this is a trick to add category to blogger.
actually, u can see there is a push-down category menu at my right-panel.
cheers.

Petersky said...

?於成功了 太感?李钊大哥了 我忽略了一?地方 那就是要在
div id="sidebar"?面要指定日????在哪?
不然日?是跑不出?的

我?有???就是? 2005年的?候
??日期是否??成2005年1月-12月呢?

路人甲 said...

Hi
I use bloglendar on my blog. It works, but it doesn't show out if I use IE. Now I just add writeln to dispaly a message if people use IE. Could you help me out and take a look the source of my blog? I really can't find the problem. The code looks fine for me actually. Thank you for any help.