奥运金牌榜的 Widgets (可用于博客/网站)[08-13更新 WordPress 插件方式]

* Internet / # , , / 转播到腾讯微博 2008年08月10日 / 24条评论 / 965 次浏览

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

一、由aw童鞋制作的2008奥运奖牌榜Flash插件已经失效,可能是因为Google AppEngine被屏蔽了

NetPuter感觉这个Widgets非常地简洁直观,而且是使用Flash技术,因此理论上可以使用于各流行BSP。但也因为是使用Flash的,因此不易个性化。

BJ2008 - aw

二、新浪的2008北京奥运会奥运奖牌榜:

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


三、由fuuy童鞋发现的博客嵌入实时奥运金牌榜

NetPuter 's Blog正在使用的就是这个Widgets,我非常喜欢。由百度提供的,很简洁,然后也很适合当前正在使用的模板。而且简约又不简单,另外还有赛程表。



又童鞋反映说有没有EMBED方式调用的?一开始我也以为没有,后来试着在SWF地址后面加个参数居然就有了!最后的代码如下:



四、百度2008总动员金牌榜:

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


五、iGoogle的详细奥运奖牌资讯:

不愧是iGoogle的Widgets吖,很好很强大。同时,通过这个Widgets的调用地址也可以看出一些东西来,不知道怎么说了(-_-|||)。


六、iGoogle的详细奥运赛事资讯:

和上面的那款Widgets一样,就不具体介绍了,但是在测试的时候发现一个问题:无论是否用iframe调用,都有可能出现JS错误,当使用iframe调用时,就没成功过(>_<)。


七、由阿禅童鞋提供的博客嵌入奥运实况跟踪挂件(Widget)

其实这个和上面那个是一样的,但是基于分享的精神,还是给大家介绍下。阿禅整理的这个Widgets,代码比较多样,而调用也增加了JS方式。

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

 添加奥运实况跟踪到你的页面



如果你只想嵌入赛事跟踪,可以使用下面的代码:

 添加奥运实况跟踪到你的页面



如果你只想嵌入奖牌跟踪,可以使用下面的代码:

 添加奥运实况跟踪到你的页面



如果你不能使用iframe嵌入,可以使用脚本的形式,代码如下:

 添加奥运实况跟踪到你的页面

其中w=350以及h=350分别表示宽度和高度,你可以随意修改。

八、由笨猫童鞋发现的实时更新的奥运金牌榜

其实这是凤凰网提供的,非常简洁,很适合灰色系的模板使用。


九、学大的奥运奖牌榜:

这个Widgets别的不说,就有一个特点非常明显,那就是对不同宽度的适用性非常强!


十、由阿禅童鞋制作的2008北京奥运会赛程表小器件(widget)

(本以为不需要了,但是anywan童鞋说想要,那我就添加进来了。)

以日期的方式调用:

要将此日程表调用到你的博客或网页,可以使用下面的代码:


其中width="300" height="300"分别表示调用小物件的宽度和高度,你可以随意修改这2个数值以使其适应你的页面。

以月份的方式调用:


以周的方式调用:


建议使用以日期的方式调用,也就是第一个代码。而更详细的介绍和其他调用方法,请参照原文

十一、zqonline童鞋发现的官方奖牌资讯榜:

感谢zqonline童鞋提供!之前我也逛过第29届奥林匹克运动会官方网站,可是却没有发现。这个Widget,正因为是官方的,所以也很强大。有“最新赛程赛果”、“最新金牌榜”“详细奖牌榜”等,大家体验一些就知道了。


十二、由CB匿名人士提供的IP188的图片奖牌榜:

这个好简单哦!直接就一张PNG图片,就像这样:

奥运奖牌榜

奥运奖牌榜

十三、网易邮箱的奥运奖牌榜:

挺漂亮的,就是奖牌榜的数据很慢的说,我就不截图给代码了,具体大家可以看这2个网址:

链接一 | 链接二

十四、锐风童鞋发现的奥运奖牌榜插件 for WordPress

确实很方便的说。下载地址:http://wordpress.org/extend/plugins/olympic-medal-table/

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

围观评论 或者直接发表评论
Notify
anywan 发表于 2008-08-10 22:18

嗯,八錯,正在尋思著呢~

謝,收了~

Notify
anywan 发表于 2008-08-10 22:19

Google Calendar咧?

Notify
Leewings 发表于 2008-08-11 09:24

建议插入代码一行代码的时候加入 linenum="off" 来关闭行号显示....
好吧,个人觉得这样好看点罢了..`~

Notify
NetPuter 发表于 2008-08-11 13:47

已经添加咯~多谢你的提醒^^

Notify
NetPuter 发表于 2008-08-11 13:48

那个只是插件本身的而已~和实际使用没有关系~我觉得有行号好像会很Professional哈~那样才对得起我正在使用的XP专业版^^

Notify
NetPuter 发表于 2008-08-11 14:03

非常感谢你的投递!

Notify
Leewings 发表于 2008-08-11 14:35

推荐使用WP-Syntax,比coolcode好用的.

Notify
NetPuter 发表于 2008-08-11 17:28

嗯~好~谢谢推荐~我下次会用上的^^

Notify
梵娜 发表于 2008-08-11 21:37

踩~
第一个不好用啊……话说中国拿了6枚金牌的时候上面还是乖乖的显示着4枚……
好像根本没更新= =
百度的简洁我喜欢~
虽然我是GOOGLE控……但g提供的太大了……因此被我无视了……
怎么说,多谢你啦~

Notify
NetPuter 发表于 2008-08-11 21:40

第一个的确已经失效了~我忘下上去了~
Google太强大以至于不好用~哈哈~其实Google的那些Widgets都应该在iGoogle上的~只是刚好可以给博客调用就一并收集了^^

Notify
ovo 发表于 2008-08-12 00:59

请问下面的代码能不能专程embed的呢?因为网易博客只支持这个。

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);

Notify
momorz 发表于 2008-08-12 01:01

请问
三、由fuuy童鞋发现的博客嵌入实时奥运金牌榜:

NetPuter ’s Blog正在使用的就是这个Widgets,我非常喜欢。由百度提供的,很简洁,然后也很适合当前正在使用的模板。而且简约又不简单,另外还有赛程表。

这个代码能不能转换成EMBED的呢?
网易博客只支持这种,其它都不支持。

Notify
NetPuter 发表于 2008-08-12 15:37

当然可以啦!已经添加到文章中!

Notify
NetPuter 发表于 2008-08-12 15:38

嗯~已经添加到文章中了~

Notify
momorz 发表于 2008-08-12 21:59

谢谢啊,可以用那个喜欢的Widgets了!

Notify
NetPuter 发表于 2008-08-12 23:28

喜欢就好~请继续支持NetPuter哦^^

Notify
锐风 发表于 2008-08-14 12:49

再来支持下..

Notify
NetPuter 发表于 2008-08-14 14:32

汗~那文章被你Del掉了~

Notify
sibuia 发表于 2008-08-16 22:11

额,请问,如何在内文里显示代码?因为那个比<>小一半的东西里面统统显示不出来的-_-||

Notify
NetPuter 发表于 2008-08-16 22:30

呃..不要在代码模式下撰写,在可视化模式下直接粘贴进去就可以了..