在博客嵌入奥运实况跟踪挂件（Widget）

写于2008-08-10 – 11:49 上午 | 作者:Jason Ng | 类别 » 互联网络 |

奥运开始了。上次使用Google日历制作的奥运日程表虽然能实时显示赛程，但无法显示赛果和金牌数目，因此只能作为比赛时间提醒之用。昨天我打算做一个奥运实况跟踪，由于懒惰和繁琐的原因放弃了。但当我看见Google资讯的奥运频道后我看见了希望，我们完全可以将Google资讯里的Widget搬到我们的博客里，做一个奥运实况跟踪。

你可以在可能吧的右侧顶栏看到截图中的实况跟踪挂件。

其实原理很简单，就是将Google的Gadget以iframe的形式嵌入到博客中，实况内容由Google实时更新，我们不需做任何其它操作，可以说是一劳永逸。

如果你想像可能吧这样嵌入赛事跟踪和奖牌跟踪的挂件，可以使用下面的代码：

<img height="16" width="16" src="http://lh3.ggpht.com/jason5ng32/SJ1rwkmb-KI/AAAAAAAABt8/os1Hypyb-uQ/s400/exclamation.gif" alt="" style="vertical-align:middle;border:0"/> <a title="在博客加入2008北京奥运实况跟踪小器件（widget）" href="http://www.kenengba.com/post/497.html">添加奥运实况跟踪到你的页面</a> </p> <p><iframe src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/olympics_synd.xml&hl=zh-CN" style=" border:solid 1px #777 " width="340" height="290" frameborder="0" scrolling="no"></iframe>

其中width="340" height="290"，分别是宽度和高度，你可以随意修改。

如果你只想嵌入赛事跟踪，可以使用下面的代码：

<img height="16" width="16" src="http://lh3.ggpht.com/jason5ng32/SJ1rwkmb-KI/AAAAAAAABt8/os1Hypyb-uQ/s400/exclamation.gif" alt="" style="vertical-align:middle;border:0"/> <a title="在博客加入2008北京奥运实况跟踪小器件（widget）" href="http://www.kenengba.com/post/497.html">添加奥运实况跟踪到你的页面</a> </p> <p><iframe src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/olympics_synd.xml&h=265&up_showMedals=false&hl=zh-CN" style=" border:solid 1px #777 " width="340" height="290" frameborder="0" scrolling="no"></iframe>

如果你只想嵌入奖牌跟踪，可以使用下面的代码：

<img height="16" width="16" src="http://lh3.ggpht.com/jason5ng32/SJ1rwkmb-KI/AAAAAAAABt8/os1Hypyb-uQ/s400/exclamation.gif" alt="" style="vertical-align:middle;border:0"/> <a title="在博客加入2008北京奥运实况跟踪小器件（widget）" href="http://www.kenengba.com/post/497.html">添加奥运实况跟踪到你的页面</a> </p> <p><iframe src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/olympics_synd.xml&h=265&up_showEvents=false&hl=zh-CN" style=" border:solid 1px #777 " width="340" height="290" frameborder="0" scrolling="no"></iframe>

如果你不能使用iframe嵌入，可以使用脚本的形式，代码如下：

<img height="16" width="16" src="http://lh3.ggpht.com/jason5ng32/SJ1rwkmb-KI/AAAAAAAABt8/os1Hypyb-uQ/s400/exclamation.gif" alt="" style="vertical-align:middle;border:0"/> <a title="在博客加入2008北京奥运实况跟踪小器件（widget）" href="http://www.kenengba.com/post/497.html">添加奥运实况跟踪到你的页面</a><br/><br /> <script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/113168080627625058848/og.xml&hl=zh-CN&up_color=blue&w=350&h=350&title=&lang=zh-CN&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

其中w=350以及h=350分别表示宽度和高度，你可以随意修改。

最后，祝大家能享受奥运带来的乐趣。感谢Google!

收藏或分享这篇文章到网摘：

如果您喜欢本文，欢迎订阅本博客！ \|\| 什么是订阅？如何订阅？

Tags: widget, 博客 and 奥运

除非注明，本博客文章均为原创，转载请以链接形式标明本文地址
本文地址：http://www.kenengba.com/post/497.html
Trackback地址：http://www.kenengba.com/post/497.html/trackback

相关文章

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

为维基百科捐款，为建立更公正、中立、公开的信息库

我们习惯了免费，习惯了不劳而获

SNS无法替代博客

中文Wordpress反垃圾留言策略：2个插件，2种做法

全球博客现状报告2008要点分析（中外博客状况对比）

图说Wordcamp-看看写博客的都长啥样

互联网抄袭带来什么问题？博客应该如何应对？

关于Wordpress/Blog爱好者的3枚重要消息

写博客的大多数都很色？

随机文章

关于Panoramio无法访问的解释以及解决方法

游戏防沉迷系统出台后：上有政策，下有对策

我鄙视火星文！

做好预防措施，保护好自己的电脑

发布一个博客分享（收藏）小工具-Click Share

52 条评论关于 “在博客嵌入奥运实况跟踪挂件（Widget）”
HJin 发表于 Aug 10, 2008

蛮实用的哦！哈哈！

[回复此评论]
阿猫发表于 Aug 10, 2008

虽然中国肯定能够在本次奥运会上创造佳绩，但是之后的很多事情就说部清楚了哈

[回复此评论]
Jason Ng 回复于 2008-08-10:
我最关心的是奥运过后的互联网情况，到底会是一片河蟹，还是恢复到奥运前的情况。

[回复此评论]
猪头发表于 Aug 10, 2008

不错

[回复此评论]
penddy 发表于 Aug 10, 2008

喜欢，用了，谢谢。

[回复此评论]
Young 发表于 Aug 10, 2008

不错。

[回复此评论]
Tim 发表于 Aug 10, 2008

请教一下，现在登录Google中文，右上角有“个性化主页”链接，点进去的窗口是igoogle，有一些很漂亮的主题和很棒的小工具，但是如果登录自己的igoogle却无法找到这些主题和工具，比如你这篇文章中提到的这个奥运资讯工具，我的问题是，如何在自己的igoogle里应用加载这些工具呢?

[回复此评论]
Jason Ng 回复于 2008-08-10:
首先在源代码里找出这些gadget的xml文件地址，再在iGoogle里以这些地址添加即可。

[回复此评论]
LiJie 发表于 Aug 10, 2008

信息显示的很不及时，跟不上趟

[回复此评论]
Jason Ng 回复于 2008-08-10:
恩，昨天还不算慢，今天更新非常不及时，我给谷歌发了建议，不知道后面几天会不会好一点。

[回复此评论]
sibuia 发表于 Aug 10, 2008

我怎么看到的是一个广告框@@

[回复此评论]
sibuia 发表于 Aug 10, 2008

噢，还是跟那个短信提醒一个毛病，严重延迟～～而且球赛都没有（如果所有的球赛只播报最后一天的冠军就可以，那还比半个月干嘛）
ps：google短信提醒为虾米是腾讯科技？

[回复此评论]
sibuia 回复于 2008-08-10:
真不巧，发现有些球赛非决赛的赛果还是有的，偏偏我刚才只查了篮球足球就没有-_-b

[回复此评论]
Jason Ng 回复于 2008-08-10:
短信提醒后面有个【腾讯科技】是因为谷歌在中国的移动短信业务都是委托腾讯完成。

[回复此评论]
软件兔发表于 Aug 10, 2008

观察了一下午，发现更新很不及时~~

[回复此评论]
Jason Ng 回复于 2008-08-10:
是的，更新不及时。已向谷歌提出建议，不知道后段时间会不会实时一些。

[回复此评论]
simon 发表于 Aug 10, 2008

关于奥运会的这些赛事预告无论通知服务也好，小插件也好，现在出了很多。但好像全是从官方消息出发，一股脑的播报给受众，而没有一个是从观看者的角度出发的。我们期待这样一个通知服务，在往手机上发短信时，我们不仅只需要一个简单的运动项目名称和时间，我们也没有必要知道是在哪个运动场举办。我们更关注的是那些最难以错过的，比如今天哪个项目要产生金牌而不是小组赛，今天哪个项目中国很有希望，在哪个台转播。那是我们真正想知道的信息。

[回复此评论]
Jason Ng 回复于 2008-08-10:
如果我没有理解错你的意思，这应该可以通过微博客来完成，一些一直关注奥运的人可以公用一个奥运专用账号发送个人的看法，组成一个民间的实时奥运频道。

[回复此评论]
张家口发表于 Aug 10, 2008

现在中国已经拿下4枚金牌了。

[回复此评论]
dabai2 发表于 Aug 10, 2008

股沟就是比百度大气

[回复此评论]
bigslowfat 发表于 Aug 11, 2008

希望这个Widget别出现国足的任何比赛。
谢天谢地谢亚龙！

[回复此评论]
Jason Ng 回复于 2008-08-12:
国足，球踢不好不要紧，要是人品不好就被唾骂了。

[回复此评论]
polaris 发表于 Aug 11, 2008

允许我Trackback一下哈~~

[回复此评论]
老闻发表于 Aug 11, 2008

太牛了，转走

[回复此评论]
loke 发表于 Aug 11, 2008

呵呵，好东西！不过能不能换背景颜色的呢？

[回复此评论]
Jason Ng 回复于 2008-08-12:
除非你修改里面的xml文件，否则不能更改。

[回复此评论]
NetPuter 发表于 Aug 11, 2008

哈罗~阿禅~其实这里有一个更全的~
http://q.apher.com/2008/08/2008-olympic-widgets/
一共8个!

[回复此评论]
gowers 发表于 Aug 11, 2008

google做的这个还是挺实用的。

对了，交换下友情链接吧。在ODP上看到你的站点的。
我的是 http://www.gowers.cn

你加完我的就可以直接在 www.gowers.cn/links 页面上填上你的就可以自动交换了。这是PKPHP的新WP插件。

呵呵～～

[回复此评论]
阿七发表于 Aug 11, 2008

hehe,我也来弄一个！

[回复此评论]
Jason Ng 回复于 2008-08-12:
你的留言又被认为是spam了。建议你到akismet官网发信要求除名。

[回复此评论]
阿七 回复于 2008-08-12:
汗倒！
AK在我那也专门搞人！

[回复此评论]
linfavourite 发表于 Aug 12, 2008

加入了，多谢大大的提供，我还真的没想到可以这样做的~

[回复此评论]
百家乐发表于 Aug 12, 2008

这个东西很好可惜我没博客。

[回复此评论]
sibuia 发表于 Aug 12, 2008

iframe这个凤凰网的吧
http://saicheng.2008.ifeng.com/data/medal_yellow.php
统计很详细，点击数字可出现具体夺牌运动员

发现google从短信到这个实况，以及http://www.gmodules.com/ig/ifr?url=http://2008summergames.googlecode.com/svn/cn/games.xml这个地图，都严重延迟～～大概google的意思是在九月份的时候来看会比较准确

[回复此评论]
ok 发表于 Aug 13, 2008

嗯，不错支持一下，感觉你比那个AW喜欢装13的家伙好多的，支持你呢！！！

[回复此评论]
badants 发表于 Aug 22, 2008

呵呵，效果不错。

[回复此评论]