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

奥运开始了。上次使用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!

--
中国速记: http://www.chinasuji.com
QQ:75519988 MSN:chinasuji@msn.com
咨询热线：0591-83380889/83379368
Email:chinasuji@gmail.com
公司名称:福州亚伟网络技术有限公司