在博客加入2008北京奥运会赛程表小器件(widget)

这几天没更新过博客,除了和医院打了2次交道之外,还花了好几个小时做奥运赛程的小挂件。起初我打算用flash来做,因为那样能做得比较个性化一点,后来因为太繁琐,转而使用Google日历来完成。使用Google日历来做奥运赛程Widget有两个原因,一个是方便嵌入到网页,另一个是可以导入到Outlook等日程表程序。

上面是这个小器件的截图。你可以在可能吧的右侧顶栏看到这个小器件。

简介:

1、点击每个项目会展开这个项目的详情:比赛时间、比赛地点、比赛类型等等。

2、做这个赛程表大概花了我6小时的时间,数据来源奥运会的官网,刚刚完成了校对,除非官网的赛程是错误的,不然应该没有什么大问题。

3、Google日历提供了很好的第三方调用功能,除了可以调用到网页之外,还提供RSS以及Ical输出。

4、小器件会随着时间推移,显示当天的赛程,不需另外设置。

调用:

1、加入到网页:

以日期的方式调用:

要将此日程表调用到你的博客或网页,可以使用下面的代码:

其中width="300" height="300"分别表示调用小物件的宽度和高度,你可以随意修改这2个数值以使其适应你的页面。

away测试发现width="280"以上能有比较好的显示效果。你可以看看他的侧边栏。

以月份的方式调用:

代码如下:

以周的方式调用:

我个人建议使用以日期的方式调用,也就是第一个代码。

2、添加到你的Google日历

我将这个日历共享了出来,你可以点击这里小器件上的按钮将奥运赛程添加到你的Google日历。

添加到你的Google日历后,你能任意处置这份日程。

你还可以设置使用手机短信接收这个赛程的通知,那么你就不会错过任何比赛了(但是,你会收到很多短信)。

3、RSS订阅赛程

你还可以使用RSS订阅器订阅这个赛程,订阅地址点击这里

如果你喜欢使用Google AJAX Feed的效果展示赛程表(像可能吧右侧栏下方的阿禅日记),可以参阅“利用Google Feed API即时展示其它博客的Feed”。

4、加入到日程表软件

Google日历提供Ical格式的日程输出,只要你的日程软件支持ics格式,即可导入。

为了保护我个人的劳动成果,我在奥运第一天和最后一天添加了一个日程:添加到我的页面。请谅解。

54 条评论

  1. 2008 年 7 月 22 日 下午 2:20

    辛苦啦!这么多信息,一般人都没那么耐心

  2. 9527
    2008 年 7 月 22 日 下午 3:27

    ……最下面还有图片广告……

    • 2008 年 7 月 22 日 下午 5:39

      图片广告?哪里?

      • 9527
        2008 年 7 月 24 日 上午 8:33

        在最后一行蓝字的下面,现在没有了……当时应该是整形医院的GoogleAdsense。

  3. 2008 年 7 月 22 日 下午 3:29

    用手机看饭否的时候看到你说了下,本来打算问你要google日历的,没想到你分享出来啦。支持!!!!!!!

  4. 沙渺
    2008 年 7 月 22 日 下午 4:01

    多多多多多多多多少有点无聊:)

    • 2008 年 7 月 22 日 下午 5:41

      这点你是说对了,只有无聊+耐心才能完成这个赛程表。

  5. war10ck
    2008 年 7 月 22 日 下午 4:43

    感谢分享!!我用G-cal的,很方便,谢谢您的用心!

  6. 2008 年 7 月 22 日 下午 6:59

    不错,我使用了

  7. 2008 年 7 月 22 日 下午 7:07

    装到calendar上去了~~很耗时间精力的活儿啊……Thanx

  8. 2008 年 7 月 22 日 下午 7:23

    录入是个力气活,但是留个尾巴。。。不用了谢谢

    • Jason Ng
      2008 年 7 月 22 日 下午 7:58

      已经将尾巴降到最低了,从原先的每天添加到现在只在首尾两天添加作者说明。

  9. wegbrbrweb
    2008 年 7 月 22 日 下午 7:36

    不要轻易使用2008等东西,不然奥运版权保护队会来抄你家的~

    • Jason Ng
      2008 年 7 月 22 日 下午 7:59

      如果连这个也不允许,那我只好不上网不看电视了。

  10. Pingback: OraXin
  11. Ken
    2008 年 7 月 23 日 上午 10:39

    地图全跑美国去了

  12. Ken
    2008 年 7 月 23 日 上午 10:42

    把LOCATION改成中国才行,但我不习惯,改成CN后好多东西找不到,两难

  13. overwhelming
    2008 年 7 月 23 日 上午 11:32

    要是能把每个项目的官方图标带上就更好了,不过怕侵权啊

  14. 2008 年 7 月 25 日 上午 10:38

    多谢啦~

  15. 2008 年 7 月 29 日 下午 3:49

    shit….我被你害了…555555

    整个侧边栏的中文编码集全乱了…..5555555

  16. 2008 年 7 月 29 日 下午 10:46

    新浪博客怎么不可以呢?调用过去,但没有显示,请教?谢谢,好人一生平安。

    • 2008 年 7 月 30 日 上午 9:15

      首先,检查代码有没有错误或遗漏。
      第二, 检查新浪博客是否支持iframe嵌入。
      如果上面两项都没有问题,你可能需要找新浪博客管理员。

      • 2008 年 7 月 30 日 下午 4:52

        谢谢您的回复,新浪不支持iframe嵌入,能否设计一个flash的代码?支持你的网站,并推介给别人。

        • 2008 年 7 月 30 日 下午 4:58

          做flash的话就不能导入Google日历了。严格意义上来说,它的日历属性比挂件属性强。
          你或许可以尝试使用javascript嵌入展示,可以参考http://www.kenengba.com/post/460.html

  17. 2008 年 7 月 29 日 下午 11:08

    急盼您的回音。

  18. 2008 年 7 月 30 日 上午 11:19

    已添加日历sms提醒,多谢!

  19. 2008 年 8 月 5 日 下午 1:28

    这个widget非常好用,谢谢博主了

  20. 2008 年 8 月 7 日 下午 3:39

    已添加奥运赛程,即时sms提醒真好,非常感谢博主!

  21. Pingback: 梦迷人的博客
  22. 2008 年 8 月 8 日 上午 12:25

    感谢了,转载了!

  23. fafall
    2008 年 8 月 11 日 上午 12:29

    这个日历简直等于没用 完全看不到是哪两个队的比赛 比如我想看今天中国队有哪些比赛 完全看不到 更别说看今天有哪些中国队的决赛这样

  24. 2008 年 8 月 11 日 上午 11:21

    感觉这个小器件不错,收下了。

  25. Pingback: OrzDream
  26. 2009 年 10 月 5 日 上午 7:57

    早点发现就好了

发表评论

电子邮件地址不会被公开。 必填项已用*标注