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

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

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

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

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

<img decoding="async" height="16" width="16" src="https://pub.kenengba.com/uploads/pica/70928386d99c6ad8b66564e0f6f3af68.gif" alt/ style="vertical-align: middle; border: 0"/ onerror="this.onerror=null;this.removeAttribute('srcset');this.src='https://pub.kenengba.com/res/image-not-available.jpg';"> <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 decoding="async" height="16" width="16" src="https://pub.kenengba.com/uploads/pica/70928386d99c6ad8b66564e0f6f3af68.gif" alt/ style="vertical-align: middle; border: 0"/ onerror="this.onerror=null;this.removeAttribute('srcset');this.src='https://pub.kenengba.com/res/image-not-available.jpg';"> <a title="在博客加入2008北京奥运实况跟踪小器件（widget）" href="http://www.kenengba.com/post/497.html">添加奥运实况跟踪到你的页面</a></p> <p><iframe loading="lazy" 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 decoding="async" height="16" width="16" src="https://pub.kenengba.com/uploads/pica/70928386d99c6ad8b66564e0f6f3af68.gif" alt/ style="vertical-align: middle; border: 0"/ onerror="this.onerror=null;this.removeAttribute('srcset');this.src='https://pub.kenengba.com/res/image-not-available.jpg';"> <a title="在博客加入2008北京奥运实况跟踪小器件（widget）" href="http://www.kenengba.com/post/497.html">添加奥运实况跟踪到你的页面</a></p> <p><iframe loading="lazy" 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 decoding="async" height="16" width="16" src="https://pub.kenengba.com/uploads/pica/70928386d99c6ad8b66564e0f6f3af68.gif" alt/ style="vertical-align: middle; border: 0"/ onerror="this.onerror=null;this.removeAttribute('srcset');this.src='https://pub.kenengba.com/res/image-not-available.jpg';"> <a title="在博客加入2008北京奥运实况跟踪小器件（widget）" href="http://www.kenengba.com/post/497.html">添加奥运实况跟踪到你的页面</a><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!