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

写于2008-08-10 – 11:49 am | 作者: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, 博客, 奥运

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

上一篇：« 如何对付中国电信的弹出流氓广告？

下一篇：10个超漂亮的Blogger模板下载 »

53条评论关于 “在博客嵌入奥运实况跟踪挂件（Widget）”

HJin 发表于 2008-08-10,12:18 pm

蛮实用的哦！哈哈！
支持(0)反对 (0)

[回复]
阿猫发表于 2008-08-10,12:54 pm

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

[回复]

Jason Ng 回复于2008-08-10,4:14 pm

我最关心的是奥运过后的互联网情况，到底会是一片河蟹，还是恢复到奥运前的情况。
支持(0)反对 (0)

[回复]
猪头发表于 2008-08-10,1:59 pm

不错
支持(0)反对 (0)

[回复]
penddy 发表于 2008-08-10,2:19 pm

喜欢，用了，谢谢。
支持(0)反对 (0)

[回复]
Young 发表于 2008-08-10,4:44 pm

不错。
支持(0)反对 (0)

[回复]
Tim 发表于 2008-08-10,6:28 pm

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

[回复]

Jason Ng 回复于2008-08-10,9:11 pm

首先在源代码里找出这些gadget的xml文件地址，再在iGoogle里以这些地址添加即可。
支持(0)反对 (0)

[回复]
LiJie 发表于 2008-08-10,7:51 pm

信息显示的很不及时，跟不上趟
支持(0)反对 (0)

[回复]

Jason Ng 回复于2008-08-10,9:12 pm

恩，昨天还不算慢，今天更新非常不及时，我给谷歌发了建议，不知道后面几天会不会好一点。
支持(0)反对 (0)

[回复]
sibuia 发表于 2008-08-10,8:14 pm

我怎么看到的是一个广告框@@
支持(0)反对 (0)

[回复]
sibuia 发表于 2008-08-10,8:26 pm

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

[回复]

sibuia 回复于2008-08-10,8:29 pm

真不巧，发现有些球赛非决赛的赛果还是有的，偏偏我刚才只查了篮球足球就没有-_-b
支持(0)反对 (0)

[回复]

Jason Ng 回复于2008-08-10,9:16 pm

短信提醒后面有个【腾讯科技】是因为谷歌在中国的移动短信业务都是委托腾讯完成。
支持(0)反对 (0)

[回复]
软件兔 发表于 2008-08-10,8:53 pm

观察了一下午，发现更新很不及时~~
支持(0)反对 (0)

[回复]

Jason Ng 回复于2008-08-10,9:16 pm

是的，更新不及时。已向谷歌提出建议，不知道后段时间会不会实时一些。
支持(0)反对 (0)

[回复]
simon 发表于 2008-08-10,9:02 pm

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

[回复]

Jason Ng 回复于2008-08-10,9:18 pm

如果我没有理解错你的意思，这应该可以通过微博客来完成，一些一直关注奥运的人可以公用一个奥运专用账号发送个人的看法，组成一个民间的实时奥运频道。
支持(0)反对 (0)

[回复]
张家口 发表于 2008-08-10,10:30 pm

现在中国已经拿下4枚金牌了。
支持(0)反对 (0)

[回复]
dabai2 发表于 2008-08-10,11:10 pm

股沟就是比百度大气
支持(0)反对 (0)

[回复]
bigslowfat 发表于 2008-08-11,2:04 am

希望这个Widget别出现国足的任何比赛。
谢天谢地谢亚龙！
支持(0)反对 (0)

[回复]

Jason Ng 回复于2008-08-12,10:16 am

国足，球踢不好不要紧，要是人品不好就被唾骂了。
支持(0)反对 (0)

[回复]
polaris 发表于 2008-08-11,9:20 am

允许我Trackback一下哈~~
支持(0)反对 (0)

[回复]
老闻发表于 2008-08-11,10:55 am

太牛了，转走
支持(0)反对 (0)

[回复]
loke 发表于 2008-08-11,11:26 am

呵呵，好东西！不过能不能换背景颜色的呢？
支持(0)反对 (0)

[回复]

Jason Ng 回复于2008-08-12,10:14 am

除非你修改里面的xml文件，否则不能更改。
支持(0)反对 (0)

[回复]
NetPuter 发表于 2008-08-11,12:18 pm

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

[回复]
gowers 发表于 2008-08-11,1:54 pm

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

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

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

呵呵～～
支持(0)反对 (0)

[回复]
阿七发表于 2008-08-11,10:07 pm

hehe,我也来弄一个！
支持(0)反对 (0)

[回复]

Jason Ng 回复于2008-08-12,10:13 am

你的留言又被认为是spam了。建议你到akismet官网发信要求除名。
支持(0)反对 (0)

[回复]

阿七回复于2008-08-12,1:26 pm

汗倒！
AK在我那也专门搞人！
支持(0)反对 (0)

[回复]
linfavourite 发表于 2008-08-12,12:12 am

加入了，多谢大大的提供，我还真的没想到可以这样做的~
支持(0)反对 (0)

[回复]
百家乐 发表于 2008-08-12,9:57 am

这个东西很好可惜我没博客。
支持(0)反对 (0)

[回复]
sibuia 发表于 2008-08-12,10:09 pm

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的意思是在九月份的时候来看会比较准确
支持(0)反对 (0)

[回复]
ok 发表于 2008-08-13,12:20 pm

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

[回复]
badants 发表于 2008-08-22,12:15 pm

呵呵，效果不错。
支持(0)反对 (0)

[回复]