关注北京2008 – 2008奥运奖牌榜flash插件

【8月11日公告:两件事儿】

一、今天,很遗憾地发现,我无法提交在Google Appspot上的更新。其原因(可能)是*.appspot.com的服务器被有关部门列为违反法律条令的网站而被整体屏蔽(具体原因你可以问问周围做IT的或者经常上网的人,他们都知道,我就不多说了)。对此,我只能想办法将奖牌榜移开。不过如果你身在国外,应该不会有大问题,仍然可以看到这个奖牌榜

二、已经可以肯定,目前奖牌榜对一部分IE6用户无法正确显示奖牌数。(技术细节)如果您还在使用IE6,请立即升级到IE7(IE6是微软已经不再继续支援的一个不安全的版本,这里有一篇我写的《将您的落后且不安全的IE6升级到IE7的七大理由》)。如果您确认自己的IE不是6或者6以下版本,但仍然遇到了这个问题,请留言告知(您的操作系统和浏览器版本号)

【最新公告】

2008年8月8日之后,奥运倒计时将自动转变为“2008奥运奖牌榜”,大家不需要改变代码就可以看到奖牌榜了:)

效果图大致如下:

关于奖牌数部分网友无法正确显示的公告:已经在多名网友的配合下找到的问题,这是由于Windows、IE老版本对Google的服务器gzip压缩无法识别造成的。这个问题我可以通过取消压缩来改进。我会尽快改进(有点麻烦)。

:添加奥运直播表】

奥运直播表 – 2008北京奥运直播表(整理)

:添加奥运日程】

添加奥运日程

【截图 – 先睹为快】

【关于】

本倒计时插件为我个人在距离奥运还有417天起发布,完全免费,仅用于奥运支持者个人交流分享。其中Flash设计、开发由我完成,GUI设计由我大学时的老友,现就职于腾讯的设计师Hehewish美化。相比之前的版本,现在这款倒计时插件的外观更加精致而美观,可适应更多不同的Blog模板搭配。此外,Flash发布版本为7,兼容99%的浏览器终端。

同时,在另一名老友、国内首届WordCamp大会发起者Kingler的建议下,我对这个Flash插件作了更新,加入了一个宣传”理性爱国主义”链接的环节,旨在让广大同胞冷静、理智地热爱祖国,而不是这篇文章后面一部分留言者那样,以暴制暴,动辄”杀光奸光”地发泄。

【实际效果、安装使用】

(如果您是Netvibes、WordPress和Facebook的用户,可以看本页面最后方的”第三方插件”链接实现”自动添加”)

每一个blogger都可以通过我的这款Flash插件,方便地在自己的页面(博客、空间)关注起来!实际效果演示见我blog(http://www.awflasher.com/blog/)右侧的侧边栏。复制下面的代码到你的blog相应位置,或者加入

http://aw.appspot.com/static/2008.swf”这个Flash就可以了:)

  1. 140X260 版效果如下(力荐)

    http://aw.appspot.com/static/2008.swf?skipSupport=yes

    嵌入代码(需HTML支持)

    <center>http://aw.appspot.com/static/2008.swf<br><a href=”http://www.awflasher.com/blog/archives/930&#8243; title=”奥运奖牌榜代码”>BJ2008</a> – <a href=”http://www.awflasher.com/blog&#8221; title=”aw’s blog”>aw</a></center>

  2. 155X37 版效果如下

    http://aw.appspot.com/static/2008lite.swf

    嵌入代码(需HTML支持)

    <center>http://aw.appspot.com/static/2008lite.swf<br><a href=”http://www.awflasher.com/blog/archives/930&#8243; title=”奥运奖牌榜代码”>BJ2008</a> – <a href=”http://www.awflasher.com/blog&#8221; title=”aw’s blog”>aw</a></center>

如果你用了,别忘了留言告诉我哦:)

【疑难帮助】

由于QQZone和新浪的添加步骤有点复杂,又有很多用户想用,我专门录了两段视频,普通话不标准,大家多多包涵:

  • 如何在QQZone添加Flash(奥运倒计时牌)的视频地址
  • 如何在新浪博客添加Flash(奥运倒计时牌)的视频地址

【常见问题】

时间取的是本地计算机时间(您正在使用的电脑),因为考虑到网络连接接入以及程序的复杂度,因此没有取标准的北京时间,所以如果您自己的电脑时间设置错误,这个倒计时肯定是有所偏差的。比如你自己电脑的时间设置为2008年8月7日,那倒计时排就会显示”1天”(当然,我相信大家电脑的时间应该都是准的,呵呵)。这一点也希望大家多多理解。

此外,对于140×260版,要想去掉对奥运的支持跳转链接,请在swf后面加入”?skipSupport=yes”,代码如下:

<center>http://aw.appspot.com/static/2008.swf?skipSupport=yes<br><a href=”http://www.awflasher.com/blog/archives/930&#8243; title=”奥运奖牌榜代码”>BJ2008</a> – <a href=”http://www.awflasher.com/blog&#8221; title=”aw’s blog”>aw</a></center>

【英文版更新】

4月19日,本插件在”Chinese in Engish“发布了英文版,效果如下:(On Apr. 19th, we released an English version of this widget. It looks like as below, you may get it here.)

http://aw.appspot.com/static/2008.swf?skipSupport=yes&lang=en

【其他】

这里,拿到了奥运圣火传递的详细路线(图),此外,大家对抵制法国家乐福、讽刺法国电视节目(视频)有什么看法,可在讨论。此外,发现有大量反向链接来到这个地址,有一些似乎是”自动更新的垃圾网站”,申明一下,这里只是我的个人blog而已,任何使用这个倒计时牌的网站均与我没有任何关系。宣传奥运,人人有责,喜欢的话,别忘了也介绍给你的朋友哦:http://www.awflasher.com/blog/archives/930

【第三方插件】

  • Netvibes Widget
    适用于所有遵循UWA的Widget平台,如Google、Sohu博客,地址
  • WordPress Widget Add-on
    72Pines将负责维护、更新,感谢Kingler的贡献,地址
  • Facebook Application
    已经好了,感谢台湾的老兄David Li,地址
  • 校内挂件
    刚开发完毕,还在完善中,地址

为sohu等各类博客量身定做的侧边栏天气预报智能Flash插件

【公告】关于这个天气预报插件,许多朋友非常不满,原因是在今年(2008年)的几个月中,数据源在没有提前告知我的情况下停止了更新(原数据源要走商业化,我也没办法了)。而我本人也没有太注意。为此我感到非常抱歉。现在,我已经在好友章彦和Kakera的帮助下,更新了数据源并准备发布新版本(更好看的UI,更好的体验)。同时也推荐您看看我做的另外一个插件:奥运倒计时牌(目前已经发布了英文版本,并支持Netvibes、WordPress和Facebook的第三方嵌入)

【系统要求】

访问者需要FlashPlayer支持才可以看到天气预报界面(99%都已经满足了,嘿嘿)

最新版的Flash插件可以在这里下载,您也可以卸载: FlashPlayer 下载

【支持博客】

  • QQ空间(Qzone)
  • 搜狐博客(blog.sohu.com)
  • 新浪博客(blog.sina.com.cn)
  • 校内网(xiaonei.com) – 复制代码到您的"涂鸦板"即可 (校内涂鸦板已经屏蔽了Flash,很遗憾,更多细节在此
  • 百度空间(hi.baidu.com)
  • 51、hexun、blogcn、blogbus等等
  • *对于少数自己架设的Blog,推荐使用SWFObject模块嵌入

【功能特色】

  1. 国内外大部分城市天气预报

    目前已经支持30多个主要城市,如果您有需要新的支持,可以留言告诉我。

  2. 客户端自动记录功能

    访问一次即可记住上次访问的城市,在第二次访问您的blog时,用户不用主动去选择城市:比如你的朋友小王和小张,分别在广州北京,那么他们登陆一次后第二次登陆会直接分别给他们显示广州北京的天气情况。而且他们在访问其他拥有这个天气预报插件的blog的时候,也会直接分别看到自己的城市-广州北京

  3. 多外观切换选择

    自己看吧,提供多种颜色输出:)

【具体代码】

  1. 普通版

    http://aw.awflasher.com/getweather.swf

    普通版代码 – 请从(包含)"<center>"开始复制,到(包含)"</center>"结束

    <center>http://aw.awflasher.com/getweather.swf<br><a href="http://www.awflasher.com/blog/archives/592&quot; title="天气预报插件代码">W.F</a><a href="http://www.awflasher.com/blog&quot; title="Flash,WebDev">aw</a></center>

  2. 深色版

    http://aw.awflasher.com/getweatherb.swf

    深色版代码 – 请从(包含)"<center>"开始复制,到(包含)"</center>"结束

    <center>http://aw.awflasher.com/getweatherb.swf<br><a href="http://www.awflasher.com/blog/archives/592&quot; title="天气预报插件代码">W.F</a><a href="http://www.awflasher.com/blog&quot; title="Flash,WebDev">aw</a></center>

  3. 红色版

    http://aw.awflasher.com/getweatherc.swf?awstyle=red

    红色版代码 – 请从(包含)"<center>"开始复制,到(包含)"</center>"结束

    <center>http://aw.awflasher.com/getweatherc.swf?awstyle=red<br><a href="http://www.awflasher.com/blog/archives/592&quot; title="天气预报插件代码">W.F</a><a href="http://www.awflasher.com/blog&quot; title="Flash,WebDev">aw</a></center>

  4. 绿色版

    http://aw.awflasher.com/getweatherc.swf?awstyle=green

    绿色版代码 – 请从(包含)"<center>"开始复制,到(包含)"</center>"结束

    <center>http://aw.awflasher.com/getweatherc.swf?awstyle=green<br><a href="http://www.awflasher.com/blog/archives/592&quot; title="天气预报插件代码">W.F</a><a href="http://www.awflasher.com/blog&quot; title="Flash,WebDev">aw</a></center>

  5. 蓝色版

    http://aw.awflasher.com/getweatherc.swf?awstyle=blue

    蓝色版代码 – 请从(包含)"<center>"开始复制,到(包含)"</center>"结束

    <center>http://aw.awflasher.com/getweatherc.swf?awstyle=blue<br><a href="http://www.awflasher.com/blog/archives/592&quot; title="天气预报插件代码">W.F</a><a href="http://www.awflasher.com/blog&quot; title="Flash,WebDev">aw</a></center>

  6. 白色版

    http://aw.awflasher.com/getweatherc.swf

    白色版代码 – 请从(包含)"<center>"开始复制,到(包含)"</center>"结束

    <center>http://aw.awflasher.com/getweatherc.swf<br><a href="http://www.awflasher.com/blog/archives/592&quot; title="天气预报插件代码">W.F</a><a href="http://www.awflasher.com/blog&quot; title="Flash,WebDev">aw</a></center>

此外,如果你还不清楚代码应该放在哪里,看看这里有图解:http://meilidenvwu.blog.sohu.com/4323129.html

已经使用我的天气预报系统的sohu博客用户:不少sohu blogger在用了。你如果用了也留个言,把地址放这里,我记录一下吧。马上会放出针对不同背景颜色提供不同代码的功能。

【其他】

关于9月21晚不能访问的全部经过说明

几个最早使用的支持者
老冯~ http://haveaniceday.blog.sohu.com
小样~ http://enlight.blog.sohu.com
布丁的家~ http://budingxia.blog.sohu.com

题外话:

实话实说,搜狐的blog比sina作的好,新浪的blog比sohu推广的好。 尤其是sinablog3.0,更加发挥了其媒体优势。但是让我失望的是,UI/UE仍然比sohu差几个档次啊!keso果然说了sina博客存在的问题

我眼中的sinablog与sohublog sina的用户已经开始抱怨了~《sina的模板咋就没有sohu的漂亮呢

最后一句话:如果您觉得天气预报对您有帮助,不妨给我做个连接:aw’s blog http://www.awflasher.com/blog

建议校内团队恢复涂鸦板HTML

刚发了一篇日志《我对校内网所谓“开发者模式”的一些看法(下)》讲到了我对校内的期望,包括对他们近期一系列行动的理解。结果今天发现校内在出口处增加了Filter,进行了针对HTML代码的彻底过滤。这导致除了CSS之外的所有DOM代码失效。虽然影响面积不大(毕竟很多人不了解DOM,而只使用CSS),但也有相当一部分用户受到损失。

值得欣慰的是,校内官方并没有改动用户的DOM代码,只是在出口处加了一个Filter而已。就看下一步的官方行动了。不过,官方目前的答复都是:“管理员: 你好,现在关闭了HTML代码,请到涂鸦板里去美化,美化技巧就需要自己琢磨了。”

百度贴吧已经出现了许多竞争对手的“广告帖”,从商业上来说,这对校内并不是什么好事。个人建议校内团队还是先恢复再说。

附上一点信息,一是校内论坛里的回复,可谓“哀鸿遍野”;二是来自校内团队张锐的申明,期待他们新的相关产品:

Continue reading “建议校内团队恢复涂鸦板HTML”

GetClicky新增API大赛!告诉我谁何时何地看了我的啥文章?

【更新】GetClicky出API了,第三方开发者又要high了,磨刀霍霍啊~ 详细情况见这里

此外,这次更新,GetClicy对Dashboard(概要面板)做了大幅调整,结合了jQuery,在体验上有非常大的进步,再次推荐!以下的截图,就是我校内网个人页面的统计概要,可以看到,7月17日和7月23日(今天),访问量不小,我想可能跟我的“校内涂鸦DIY系列”()有关吧。

GetClicky

转载本文请保留原文地址:http://www.awflasher.com/blog/archives/885

Good,我这想对于每一个没有自己blog程序的人来说,这是一个天大的好消息。GetClicky为我们带来了这样精彩的应用:只需要贴一个图片,就能知道哪些IP访问了你的哪些页面。(当然,它也有缺陷,后面会提及)Okay,简单地说,诸如“你想知道你写给某mm的某一篇抒情散文这个mm有没有看”、“你想知道你为男朋友写的情诗他是否按时读了”,或者你就想知道大概有哪些人来过你的页面。都可以具体到IP地址

我还记得很早的时候就有yculblog的用户问过我怎么查看访问ip。我当时还真不知道怎么做,不过今天我有了答案:GetClicky

注册地址是:http://getclicky.com/6431

不过在您注册之前,我希望您简单听一下我的流水帐式介绍:

  1. GetClicky提供js和图像两种嵌入。大多数BSP(blog提供商,比如sinablog、sohublog、博客网、hexun、51、blogcn、xiaonei等等许多提供blog服务的网站)都不提供嵌入js代码(为了增加安全性考虑)。许多优秀的数据统计网站都是建立在js代码的基础上运作的,比如51yes、Google Analytics。因此如果您的BSP不给你开放js权限,比如校内网,你用GetClicky是最好的选择。当然,如果您有js支援,您也可以可以把51、Google Analytics的都体验一下了。
  2. 注册时,有一个红色警告:
    Does your web site get more than 50,000 page views per day? Please contact us before signing up!
    不用担心这个警告,它的意思时说如果您每天有50000的访问量,则需要慎用(人家服务器受不了)。我觉得大多数blog不会有这种访问量吧。如果您有的话,那你可以联系联系我,我专门给你提供程序了:)
  3. 需要填写如下内容:
    Username(用户名)
    Password(密码)
    Confirm Password(确认密码)
    Real Name(真实姓名,呵呵,随你了)
    Email(请填写真实邮箱)
  4. 注册完成后,你可以通过这个URL进入你的统计主页面(管理界面):
    http://getclicky.com/user/
  5. 你有几个blog,就增加几个site(add site)。比如你可能在sina开了blog,同时也在xiaonei写自己的东西。那么你可以增加两个site。
  6. 增加每一个的site需要填写的内容:
    Time zone (GMT) – 时区:在国内的,选择+8:00就可以了
    Daylight Savings
    http:// – 这个填写BSP的首URL就可以了(不要把后面的路经带进去了),例如(blog.sina.com.cn,或者someone.blog.sohu.com,或者www.xiaonei.com)
    Mirrors – 镜像,99.9%你没有这玩意,留空吧
    feeds.feedburner.com/ – 你的blog提供RSS么?用FeedBurner可以“烧录”一个,如果您都没有听说过RSS。不管他就可以了(如果你好奇,在下面留言,感兴趣多的话,我考虑写一篇通俗的文章义务为大家介绍一下^_^)
    Allow public access – 如果您不想公开您的IP访问来源,您大可以不管它(我想许多人可能不愿意,呵呵)
  7. 添加代码:这是最关键的环节。刚才我说过了,GetClicky提供了js和img(图片方式)嵌入。而现在看我这篇文章的朋友们,八成需要通过图片嵌入(GetClicky会告诉你:No JavaScript allowed?)。如果您会在自己的网站里贴图的话,那么我想不用我多说了。http://static.getclicky.com/xxxx.gif这个就是图片的地址。原理就是,当用户访问你的页面时候,只要这个用户打开了这张图片,他的请求就会被GetClicky的服务器获得。用户的信息,比如IP、浏览器、操作系统,访问时间,也就记录下来了。
  8. 进入管理界面,也就是( http://getclicky.com/user/),选择你的网站,进入“Stat”之。
  9. 慢慢看吧,看看人家访问了你的什么页面,什么时候来的,IP是什么,用的什么浏览器、什么操作系统^_^

我还是说一下需要再次提醒的问题以及可能有的缺陷:

  1. 由于不是js嵌入,那么很多信息可能不如js嵌入获取的好……具体情况对比我还没有仔细看,不好下结论
  2. 由于getclicky的服务器在国外,这意味着国内某些用户,尤其是教育网用户,速度可能不太理想,但我自己用北京网通方正宽带试过了,速度还行。
  3. 确保你嵌入的那张图片被用户看到了。对于xiaonei网,如果你想统计某一篇日志的具体访问细节,我个人建议最好在这篇日志中也嵌入图片。这确实挺麻烦的,针对重要的日志(比如情书啥的)用吧,呵呵:)

Okay,注册地址是:http://getclicky.com/6431 – 快试试看吧:)

关于这个注册地址的“推广协议”,我这里声明一下:通过这个地址注册,如果你升级到Pro用户,那么我可以获得一笔收入,为此,很多人以为我会有所收益。不过目前260多个人通过这个地址注册了,没有一个升级到Pro用户,我相信今后也不会有这种可能。原因很简单,你认为我们这些发展中国家的劳苦人民会奢侈到花钱买统计服务么?~

我只是好奇有多少人通过我这里注册成为GetClicky会员,如果你不爽这个,大可以通过getclicky主页直接注册。

【另外推荐】给你的博客/校内空间/网站也加上奥运倒计时牌 – 关注奥运,奥运倒计时插件!

校内网涂鸦版DIY教程(一)前言,美化的目的和原则

近日发现许多同学也在校内网安家了,于是周末花了一点时间研究了一下校内的细节。其实我之前曾经在我的博客(http://www.awflasher.com/blog/提到过xiaonei.com。但这一次可以说是我第一次仔细观察校内的一些特点。昨天在我的校内主页(http://xiaonei.com/hustaw)发了篇日志,发现对涂鸦版感兴趣的同学还是挺多的,于是决定写一下这个系列。

本系列教程,主要涉及以下几个方面:

一、前言,美化的目的,美化的原则;
二、美化的具体原理、方法;
三、实战CSS代码来改善已有效果;
四、实战HTML代码来丰富页面内容。

本系列教程暂时不包含大块的代码、模版。(也许以后会引入)。所以,想要直接拿代码用的同学就不用浪费时间看了。

先说一下美化的目的和原则。 Continue reading “校内网涂鸦版DIY教程(一)前言,美化的目的和原则”

为sohu等各类blog量身订“改”的flash时钟代码

[新]给你的博客/网站也加上奥运倒计时牌 – 关注奥运,奥运倒计时插件!

本插件永远免费,欢迎转载。

基于CG的开源时钟制作的时钟Flash

CG的Flash水平十分深厚,似乎也是从02年开始制作的。因此我使用“量身订改”一词,再次感谢CG带来这么优秀的作品~

功能:
一、可以拖拽边缘~甚至可用空格制定铆点
这个是CG实现的,我考虑之后加上变量控制。让博客决定自己的时钟形状

二、自定义背景颜色
很多人也许会问,为什么不用透明背景色,我只想说,透明背景色的Flash存在太多的问题,至少目前来看非透明的Flash让你的网页更高效、稳定
(很多页面效果加入透明Flash后,严重影响了非纯IE浏览器的浏览)。
背景颜色请修改swf后面的参数,如“http://aw.awflasher.com/clock.swf?c=0xff0000”表示红色。颜色表可以自己搜索一下,改为与您网页匹配的颜色。
默认为白色。

限制:需要安装Flashplayer8以上。可以到我的Flash资源站下载得到,在那边你也可以知道你用的插件板本~

用法,嵌入下列代码 (具体的嵌入方法参见这里关于天气预报插件的使用)
希望大家抽出时间耐心阅读,讲的还是比较仔细的。

<center>http://aw.awflasher.com/clock.swf?c=tm<br><a href=”http://www.awflasher.com/blog/archives/765&#8243; title=”Flash时钟,Flash软骨钟”>Powered </a> by <a href=”http://www.awflasher.com/blog/&#8221; title=”blog,分享互联网与人生”>aw</a><br></center>

透明(我通过HTML禁止了Flash在本页面的透明,您尽管放心使用)效果:

单击显示

http://aw.awflasher.com/clock.swf

绿色的Demo

<center>http://aw.awflasher.com/clock.swf?c=0x006600<br><a href=”http://www.awflasher.com/blog/archives/765&#8243; title=”Flash时钟,Flash软骨钟”>Powered </a> by <a href=”http://www.awflasher.com/blog/&#8221; title=”blog,分享互联网与人生”>aw</a><br></center>

单击显示

http://aw.awflasher.com/clock.swf?c=0x006600

蓝色的Demo

<center>http://aw.awflasher.com/clock.swf?c=0x000066<br><a href=”http://www.awflasher.com/blog/archives/765&#8243; title=”Flash时钟,Flash软骨钟”>Powered </a> by <a href=”http://www.awflasher.com/blog/&#8221; title=”blog,分享互联网与人生”>aw</a><br></center>

单击显示

http://aw.awflasher.com/clock.swf?c=0x000066

咳咳,在这里再郑重推荐一个国外的好插件 – GetClicky ,告诉我谁看了我的blog。其实我自己用这个GetClicky已经有3天了。但是今天突然意识到,GetClicky的图片嵌入功能可以帮助很多没有自己blog程序且服务方不支持JS的朋友!
因为只要你的blog能嵌入图片(不能嵌入图片的blog您就别用了吧-_-!!),就能统计:

  1. 哪个IP访问了你的blog
  2. 他/她访问了我的哪篇文章(任何在你的页面)
  3. 他/她什么时候来的(从哪里来,例如从baidu贴吧,还是从BBS,还是搜索Google)
  4. 他/她在你的页面都干了什么
  5. 你可以直接注册,英文不好的朋友,可以看看我的中文详细介绍:)
  6. 完了,用不用看你自己了^_^