昨天(2008年8月9日),第29届奥林匹克运动会开始了首日的赛程,运动员们都非常努力,尤其是中国的运动健儿们,在首日即取得了2块金牌,截止发稿,已经获得了4金1银的好成绩,占据着奖牌榜榜首!哦,说到奖牌榜,你是否想在奥运期间通过自己博客/网站,关注奥运会奖牌的情况呢(虽然说过程>结果,但是……)?这两天NetPuter都在各大门户闲逛,也找到了一些不错的Widgets,下面和大家一起分享……
一、由aw童鞋制作的2008奥运奖牌榜Flash插件已经失效,可能是因为Google AppEngine被屏蔽了:
NetPuter感觉这个Widgets非常地简洁直观,而且是使用Flash技术,因此理论上可以使用于各流行BSP。但也因为是使用Flash的,因此不易个性化。
- <center><embed style="overflow:hidden;width:140px;height:260px" src="http://aw.appspot.com/static/2008.swf" width="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感觉有点儿“华而不实”,而且还会有“弹窗”,虽说是关于奥运最新消息的,但还是很不和谐的说。
- <iframe width="250" height="275" src="http://2008.sina.com.cn/tomaxthon/news/window200/left.shtml" frameborder="no" scrolling="no"></iframe>
三、由fuuy童鞋发现的博客嵌入实时奥运金牌榜:
NetPuter ’s Blog正在使用的就是这个Widgets,我非常喜欢。由百度提供的,很简洁,然后也很适合当前正在使用的模板。而且简约又不简单,另外还有赛程表。
- <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我也挺喜欢,滚动显示金牌榜的说。而且因为没有头部项目,所以大家可以自定设计边框,美化你的金牌榜。看看百度怎么做。
- <iframe width="190" height="110" src="http://2008.baidu.com/olympic/medal/top10list" frameborder="no" scrolling="no"></iframe>
五、iGoogle的详细奥运奖牌资讯:
不愧是iGoogle的Widgets吖,很好很强大。同时,通过这个Widgets的调用地址也可以看出一些东西来,不知道怎么说了(-_-|||)。
- <iframe width="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调用时,就没成功过(>_<)。
- <IFRAME WIDTH=300 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>
七、由阿禅童鞋提供的博客嵌入奥运实况跟踪挂件(Widget):
其实这个和上面那个是一样的,但是基于分享的精神,还是给大家介绍下。阿禅整理的这个Widgets,代码比较多样,而调用也增加了JS方式。
如果你想像可能吧这样嵌入赛事跟踪和奖牌跟踪的挂件,可以使用下面的代码:
- <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>
如果你只想嵌入赛事跟踪,可以使用下面的代码:
- <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>& lt;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分别表示宽度和高度,你可以随意修改。
八、由笨猫童鞋发现的实时更新的奥运金牌榜:
其实这是凤凰网提供的,非常简洁,很适合灰色系的模板使用。
- <iframe src="http://2008.ifeng.com/jiangpai/medal_gray.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" width="201" height="162"></iframe>
九、学大的奥运奖牌榜:
这个Widgets别的不说,就有一个特点非常明显,那就是对不同宽度的适用性非常强!
- <iframe width="194" height="168" src="http://www.xueda.net/2008/jinpaibang.html" frameborder="no" scrolling="no"></iframe>
十、由阿禅童鞋制作的2008北京奥运会赛程表小器件(widget):
(本以为不需要了,但是anywan童鞋说想要,那我就添加进来了。)
以日期的方式调用:
要将此日程表调用到你的博客或网页,可以使用下面的代码:
- <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 " width="300" height="300" frameborder="0" scrolling="no"></iframe>
其中width=”300″ height=”300″分别表示调用小物件的宽度和高度,你可以随意修改这2个数值以使其适应你的页面。
以月份的方式调用:
- <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-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe>
以周的方式调用:
- <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-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe>
建议使用以日期的方式调用,也就是第一个代码。而更详细的介绍和其他调用方法,请参照原文。
十一、zqonline童鞋发现的官方奖牌资讯榜:
感谢zqonline童鞋提供!之前我也逛过第29届奥林匹克运动会官方网站,可是却没有发现。这个Widget,正因为是官方的,所以也很强大。有“最新赛程赛果”、“最新金牌榜”“详细奖牌榜”等,大家体验一些就知道了。
- <iframe src="http://results.beijing2008.cn/WRM/CHI/frags/sch_medal.shtml" name="ifraComment" width="528" height="499" frameborder="0" scrolling="no"></iframe>
这些Widgets,有高有矮,有胖有瘦,有各种各样的风格(还有的在打篮球,有的在踢足球……囧),很适合各种类型的博客/网站,而 NetPuter也会不断更新各式各样的Widgets。如果你有看到更多这方面的Widgets,欢迎留言告诉我。先谢谢啦。这会儿,我就留在地球看奥 运(尤其是今晚22:15的中国vs.美国的男篮比赛),就不Biu回火星啦,^____,^。
原文地址:http://q.apher.com/2008/08/2008-olympic-widgets/