2008年8月8日，第29届奥林匹克运动会开始了首日的赛程，运动员们都非常努力，尤其是中国的运动健儿们，在首日即取得了2块金牌，截止发稿，已经获得了4金1银的好成绩，占据着奖牌榜榜首！哦，说到奖牌榜，你是否想在奥运期间通过自己博客/网站，关注奥运会奖牌的情况呢（虽然说过程>结果，但是……）？这两天NetPuter都在各大门户闲逛，也找到了一些不错的Widgets，下面和大家一起分享……


一、由aw童鞋制作的2008奥运奖牌榜Flash插件已经失效，可能是因为Google AppEngine被屏蔽了：
NetPuter感觉这个Widgets非常地简洁直观，而且是使用Flash技术，因此理论上可以使用于各流行BSP。但也因为是使用Flash的，因此不易个性化。
 

Copy code

<center><embed style="overflow:hidden;;height:260px" src="http://aw.appspot.com/static/2008.swf" "140" height="260" type="application/x-shockwave-flash"></embed><br><a href="http://www.awflasher.com/blog/archives/930" title="奥运奖牌榜代码">BJ2008</a> - <a href="http://www.awflasher.com/blog" title="aw's blog">aw</a></center>

二、新浪的2008北京奥运会奥运奖牌榜：
这个插件是在最新的傲游(Maxthon) 2.1.3 奥运版的插件中发现的，NetPuter感觉有点儿“华而不实”，而且还会有“弹窗”，虽说是关于奥运最新消息的，但还是很不和谐的说。

Copy code

<iframe ;250" height="275" src="http://2008.sina.com.cn/tomaxthon/news/window200/left.shtml" frameborder="no" scrolling="no"></iframe>



三、由fuuy童鞋发现的博客嵌入实时奥运金牌榜：
NetPuter ’s Blog正在使用的就是这个Widgets，我非常喜欢。由百度提供的，很简洁，然后也很适合当前正在使用的模板。而且简约又不简单，另外还有赛程表。
 
Copy code

<script language="JavaScript" src="http://hi.baidu.com/js/flash.js"></script> <script type="text/javascript"> var t_f=new Date().getTime(); CreateFlash("gold_list", "http://hi.baidu.com/ui/flash/olympic/gold_list_url.swf", 248, 180, "xml=http://hi.baidu.com/ui/text/olympic/nsatom_gold.xml?t="+t_f); CreateFlash("latest_games", "http://hi.baidu.com/ui/flash/olympic/latest_games.swf", 248, 100, "xml=http://hi.baidu.com/ui/text/olympic/nsatom_calendar.xml?t="+t_f); </script>



四、百度2008总动员金牌榜：
在逛百度2008总动员时无疑发现的，同样是由百度提供的。这个Widgets我也挺喜欢，滚动显示金牌榜的说。而且因为没有头部项目，所以大家可以自定设计边框，美化你的金牌榜。看看百度怎么做。

[list=1] Copy code

<iframe ;190" height="110" src="http://2008.baidu.com/olympic/medal/top10list" frameborder="no" scrolling="no"></iframe>

五、iGoogle的详细奥运奖牌资讯：
不愧是iGoogle的Widgets吖，很好很强大。
同时，通过这个Widgets的调用地址也可以看出一些东西来，不知道怎么说了（-_-|||）。

Copy code

<iframe ;760" height="508" src="http://www.gmodules.com/ig/ifr?url=http://2008summergames.googlecode.com/svn/cn/games.xml&hl=zh-CN" frameborder="no" scrolling="no"></iframe>

六、iGoogle的详细奥运赛事资讯：
和上面的那款Widgets一样，就不具体介绍了，但是在测试的时候发现一个问题：无论是否用iframe调用，都有可能出现JS错误，当使用iframe调用时，就没成功过（&gt;_<）。

[list=1] Copy code

&lt;IFRAME HEIGHT=350 FRAMEBORDER=NO SCROLLING=NO SRC="http://www.google.cn/ig/ifr?pid=china&url=http://www.google.com/ig/modules/china/olympics.xml&nocache=0&up_selectedTab=&upt_selectedTab=hidden&up_country=&upt_country=hidden&up_sport=&upt_sport=hidden&lang=zh-CN&country=cn&.lang=zh-CN&.country=cn&synd=gasp2&mid=11&ifpctok=-7408762247541086854&parent=http://www.google.cn&extern_js=/extern_js/f/CgJlbhICdXMrMAs4ACwrMBA4ACwrMBE4ACwrMBI4ACwrMBM4ACw/x1AnYHb84M0.js"></IFRAME> [/list]




七、由阿禅童鞋提供的博客嵌入奥运实况跟踪挂件（Widget）：
其实这个和上面那个是一样的，但是基于分享的精神，还是给大家介绍下。阿禅整理的这个Widgets，代码比较多样，而调用也增加了JS方式。
如果你想像可能吧这样嵌入赛事跟踪和奖牌跟踪的挂件，可以使用下面的代码：

Copy code

<img height="16" ;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 " "340" height="290" frameborder="0" scrolling="no"></iframe>



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

<img height="16" ;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 " "340" height="290" frameborder="0" scrolling="no"></iframe>



如果你只想嵌入奖牌跟踪，可以使用下面的代码：
[list=1] Copy code

<img height="16" ;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> [li]</p> [/li][/list]<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 " "340" height="290" frameborder="0" scrolling="no"></iframe> [code]


如果你不能使用iframe嵌入，可以使用脚本的形式，代码如下：
[code]<img height="16" ;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>& lt;br/&gt;<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分别表示宽度和高度，你可以随意修改。
八、由笨猫童鞋发现的实时更新的奥运金牌榜：
其实这是凤凰网提供的，非常简洁，很适合灰色系的模板使用。

[list=1] Copy code

<iframe src="http://2008.ifeng.com/jiangpai/medal_gray.html" frameborder="no" border="0" margin;0" marginheight="0" scrolling="no" "201" height="162"></iframe>

九、学大的奥运奖牌榜：
这个Widgets别的不说，就有一个特点非常明显，那就是对不同宽度的适用性非常强！

Copy code

<iframe ;194" height="168" src="http://www.xueda.net/2008/jinpaibang.html" frameborder="no" scrolling="no"></iframe>

十、由阿禅童鞋制作的2008北京奥运会赛程表小器件（widget）：
（本以为不需要了，但是anywan童鞋说想要，那我就添加进来了。）
以日期的方式调用：
要将此日程表调用到你的博客或网页，可以使用下面的代码：

Copy code

<iframe src="http://www.google.com/calendar/embed?showNav=0&showDate=0&showTabs=0&showCalendars=0&mode=AGENDA&height=300&wkst=1&bgcolor=%2300cccc&src=mvnlf93vqvvgqvg7qvjjut9v28%40group.calendar.google.com&color=%2329527A&ctz=Asia%2FShanghai" style=" border:solid 1px #777 " ;300" height="300" frameborder="0" scrolling="no"></iframe>

其中 height=”300″分别表示调用小物件的宽度和高度，你可以随意修改这2个数值以使其适应你的页面。
以月份的方式调用：

Copy code

<iframe src="http://www.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23FFFFFF&src=mvnlf93vqvvgqvg7qvjjut9v28%40group.calendar.google.com&color=%2329527A&ctz=Asia%2FShanghai" style=" border- " "800" height="600" frameborder="0" scrolling="no"></iframe>

以周的方式调用：

Copy code

<iframe src="http://www.google.com/calendar/embed?mode=WEEK&height=600&wkst=1&bgcolor=%23FFFFFF&src=mvnlf93vqvvgqvg7qvjjut9v28%40group.calendar.google.com&color=%2329527A&ctz=Asia%2FShanghai" style=" border- " "800" height="600" frameborder="0" scrolling="no"></iframe>

建议使用以日期的方式调用，也就是第一个代码。而更详细的介绍和其他调用方法，
十一、zqonline童鞋发现的官方奖牌资讯榜：
感谢zqonline童鞋提供！之前我也逛过第29届奥林匹克运动会官方网站，可是却没有发现。这个Widget，正因为是官方的，所以也很强大。有“最新赛程赛果”、“最新金牌榜”“详细奖牌榜”等，大家体验一些就知道了。

Copy code

<iframe src="http://results.beijing2008.cn/WRM/CHI/frags/sch_medal.shtml" name="ifraComment" ;528" height="499" frameborder="0" scrolling="no"></iframe>

这些Widgets，有高有矮，有胖有瘦，有各种各样的风格（还有的在打篮球，有的在踢足球……囧），很适合各种类型的博客/网站，而 NetPuter也会不断更新各式各样的Widgets。如果你有看到更多这方面的Widgets，欢迎留言告诉我。先谢谢啦。这会儿，我就留在地球看奥 运（尤其是今晚22:15的中国vs.美国的男篮比赛），就不Biu回火星啦，^____,^。