OceanBan的空间

HTML5 小游戏-不一样的感觉

2010-08-30T23:54:00.006+08:00

这几个HTML5 趣味小游戏能带给你超乎想象的游戏体验,尤其是视觉上的强烈冲击,你所需要的只是一个浏览器,首推chrome,虽然我很喜欢Firefox,但是它表现并不理想,IE用户就干瞪眼吧.

HTML5 渐入佳境，它强大的功能正被逐渐挖掘出来，各种实验性应用层出不穷，本文介绍几个由 Hakim El Hattab 设计的 HTML5 趣味小游戏，它们非常有趣，我刚刚在它们身上消磨了两个小时。当你体验完这几个小应用，会发现 HTML5 比你想象的更强大。

Sinuous

在浩瀚的星系间履行，小心撞上些红色的星球，绿色的星球可以吃掉，可以增加体能。
开始体验>>

Bakemono

鼠标在页面空白位置点击，这个小怪物会扑过去。
开始体验>>

Keylight

我太喜欢这个小程序了，在一个空房间，双击鼠标，会放置上一个小球，当放进两个小球的时候，一道粒子束在两个球之间撞击，并发出悦耳的声音，随着小球的增多，粒子束在每个小球之间穿梭撞击，离你越近的小球，声音越清脆，音调越高，这样就形成了连续的音乐。
开始体验>>

Blob

一些果冻样的东西，会滑向你鼠标点击的位置，在果冻球体中间点击，会将它扯成两半，它们在到处滑动的时候，还会再溶合到一起。
开始体验>>

Magnetic

也是我最爱的一个小程序。鼠标在夜空中双击，可以创造一颗恒星，同时创造出十几颗卫星绕着它转，你可以创造很多这样的恒星系，当它们中的某些靠近到一起形成质量比较大的恒星系的时候，可以吸引更多的卫星绕着它们转。
开始体验>>

Trail

五颜六色的彩带，随着鼠标飘动，鼠标不动的时候，便围着鼠标箭头旋转，非常简单，但很流畅，视觉效果很漂亮。
开始体验>>

Particle Depth

很 Cool 的三维效果。
开始体验>>

Wave

水面随着鼠标形成波浪，水面的浮球也随着沉浮，效果非常棒。
开始体验>>

Particles

粒子在屏幕上飘动，遇到鼠标的时候膨胀。
开始体验>>

译者注

这组 HTML5 实验应用加载速度非常慢，初以为是 HTML5 本身性能的问题，研究过源代码才发现，原来页面上调用了 Twitter 的饰件（http://platform.twitter.com/widgets.js），因为世界上压根没有 Twitter，我们早就知道，但这些网页不知道，所以还傻傻地去连接，浪费了大量的时间。使用 Godaddy的服务器测试，每个页面大约需要 0.2 秒就打开了。有人说，他们代表先进生产力。
via 用 HTML5 消磨时光

Blogger.com添加热门帖子和博客的统计信息功能

2010-08-29T00:40:00.002+08:00

"千呼万唤始出来",Blogger热门帖子功能重要被呼唤出来了,我曾经Google了好久想找最热门的帖子功能,但是一无所获,现在他终于出来了:

关于热门帖子功能

热门帖子的主要设置功能有根据浏览次数显示所有时间的热门帖子、最近30天和最近7热门帖子功能,可以选择是否显示图片缩略图和文章摘要,大家根据自己情况调整就是.而且这些都是html,不是脚本,所以对搜索引擎也很友好.我侧边栏使用的热门帖子就是官方提供的模块(css代码有些问题).

关于博客的统计信息

博客的统计信息主要显示网页浏览总次数,他的数据是根据上次博客内置浏览统计信息后产生的,分析数据太少没有在意,而且这个部件如果使用后在不使用代理的情况下是不能显示的,也就是说这个部件的数据是被墙的,也算是个鸡肋功能,不用便是.

这些功能你如果在后台没有见到请使用Blogger测试区:
Blogger 测试区 http://draft.blogger.com/

色情网站内容的统计数据

2010-08-27T18:13:00.001+08:00

大家都知道互联网上的色情行业很发达,但是究竟色情内容范围有多广多大呢?我们来看看onlineMBA制作的统计表, 是不是比你想象的还要严重?

色情内容早在上世纪80年代就开始有在线交易了,虽然当时只是ASCII艺术形式.后来,在90年代万维网在世界各地兴起.成人网站雨后春笋般涌现,变得无出不在,这里巨细无遗的显示了波澜壮阔的网络色情世界的各种信息.
1.互联网上12%的网站都是色情内容网站。
网络上有24,644,172个色情网站
2.每一秒钟有3075.64美元花费在色情内容。
有28258个网络用户在浏览色情内容。
3.美国有4000万人民是色情网站的老顾客
三分之一的顾客是女性；
8-24岁的青年，70%每个月都会访问色情网站；
4.在美国，互联网色情行业每年可赚29.4亿美金；
而全球的色情行业每年的盈利则是49亿美金；
5.每天有25亿封邮件都是涉及色情内容的；
6.所有的搜索查询，25%涉及色情内容。每天有6800万次；
7.35%的网络下载都是色情内容
8.最热门的色情搜索关键词前三：
Sex（性）：75(百万次)
Adult dating（成人交友）：30(百万次)
Pron（色情）：23(百万次)
其中伊利诺斯州的埃尔姆赫斯特市在搜索“sex”等关键词上排名第一
9.犹他州拥有全美最高的每千家庭宽带用户在线色情认购率：5.47
每一千宽带用户有5.47个人购买色情内容
10.34%的用户在毫不知情的情况下，不小心看到了色情内容。通过弹窗广告，误导链接或者电子邮件
11.每天有116,000次搜索“Child pornography” （儿童色情）
12.第一次浏览色情内容的平均年龄是11岁
13.20%的男人承认在工作时间看色情内容
女性则是13%
查看色情内容的时间平均是6分29秒
14.一年之中，观看色情内容最少的一天是感恩节
一周之中，观看色情内容最多的一天是星期天
中文图片,英文原图-互联网色情内容统计报告

小红伞报winlogon.exe为木马

2010-08-25T14:13:00.018+08:00

自己机器上一直使用小红伞杀毒软件好长时间了,一直很安静的在右下角呆在,这两天就不消停了,开机就报winlogon.exe为木马,如果你不处理就不停的弹出窗口,应该属于误报,点击忽略,然后选中下面的复选框:请注意为此文件选择的操作(危险),就安静了.

重启电脑以后又会弹出窗口,进入专家模式添加例外就可以了,方法如下:
进入配置(F8)->勾选专家模式->Guard->扫描->例外,添加Guard要忽略的文件对象:C:\WINDOWS\system32\winlogon.exe Guard要忽略的进程添加winlogon.exe 为例外应该就没有问题了.如果这个问题很多的话,小红伞官网应该在很短的时间内会处理的.

然后在网上看到这个东西,应该是是360杀毒趁机打黑枪:

Update:又看到可牛杀毒软件网军出动了,与卡巴斯基叫嚣,中国网军真是强大,中国杀毒军团的公关活动火热进行当中啊:

相关文章:禁止小红伞(Avira AntiVir)弹出广告（转）

Gmail团队开发的HTML5射击小游戏

2010-08-14T11:26:00.002+08:00

刚刚看到的Gmail开发的一个基于HTML5的射击小游戏,和以前的街机射击游戏差不多,换汤不换药,不过这个是最新的高技术产品:HTML5编写的,不是flash小游戏哦.

这个游戏有一个特点,费cpu,费内存,电脑配置低端同学慎入,IE用户基本可以离开了.开始你的Gmail探险之旅吧-开始游戏

如果你想把这个Gmail的HTML5射击小游戏嵌入到你博客中可以使用下面的代码:

Update:刚刚成功解救出笼子里面的Gmail天使们,然后我的电脑就卡死了.

来源:Galactic Inbox: An HTML5 game inspired by Gmail

50%机会中奖-ghs.google.com可用IP

2010-08-11T23:51:00.003+08:00

发现两个ghs可用IP有一周时间了,有些地方Blogger/Blogspot博客也可以访问,不知道为什么那些专职人员没有严肃处理这件事情,这到底是为什么呢?

博客是使用网友提供的ghs.google.com代理绑定的博客,很不稳定,于是将几个不常用的二级域名解析到了官方的ghs.google.com,裸域kban.info设置A记录解析到Blogger.com帮助里面的提供的4个IP中的一个,后来发现裸域可以直接访问了,然后ping了那4个IP,发现两个能使用(山东联通),我使用的就是其中一个,是不是很走运,一周时间过去了都没有人过问现在还是能访问,把地址分享出来给大家参考:
216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21

其中有两个在我这里能使用,大家在自己电脑上ping下看看哪个能用,试试看吧,具体我就不指出来了,50%机会中奖,中奖率蛮高的.

友情提示:如果您在未来的某一天看到这篇文章,发现其中的所有IP地址都ping不通,请不要气急败坏的骂爹骂娘,我们都是见过世面的,这难道是第一次么?

Update:这个IP不知道啥时候又被封掉,有个保守的做法:ghs.google.com反向代理访问Blogger.com和Google app,大家可以参考下.

picasa相册无法访问和Google Groups网上论坛无法访问的解决方法

2010-08-05T22:47:00.003+08:00

Picasa相册无法访问的解决方法:
这个方法是Gfans网友贴出了的,我这里转贴一下,其实道理很简单,GFW屏蔽了picasaweb.google.com这个地址,只要把域名后缀改为其他地址就可以了,关于修改hosts访问picasa的方法已经不能使用了,这里列出几个地址供大家参考使用,可以直接访问:
比利时picasaweb.google.be
加拿大picasaweb.google.ca
瑞士 picasaweb.google.ch
捷克picasaweb.google.cz
西班牙picasaweb.google.es
芬兰picasaweb.google.fi
克罗地亚picasaweb.google.hr
匈牙利picasaweb.google.hu
意大利picasaweb.google.it
日本 picasaweb.google.jp
法国picasaweb.google.fr
希腊picasaweb.google.gr
波兰picasaweb.google.pl
立陶宛picasaweb.google.lt
葡萄牙picasaweb.google.pt
拉脱维亚picasaweb.google.lv
荷兰picasaweb.google.nl
挪威picasaweb.google.no
罗马尼亚picasaweb.google.ro
俄罗斯picasaweb.google.ru
瑞典picasaweb.google.se
斯洛文尼亚 picasaweb.google.si
斯洛伐克picasaweb.google.sk
德国picasaweb.google.de
保加利亚picasaweb.google.bg

Google Groups网上论坛无法访问的解决方法
道理和picasa相册无法访问的解决办法一个道理,使用其他国家的顶级域名访问Google Groups网上论坛来达到穿越的目的,这里也列出几个:
加拿大groups.google.ca
拉脱维亚groups.google.lv
保加利亚groups.google.bg
groups.google.com.bz

PP加速器去广告的方法

2010-08-03T09:54:00.002+08:00

为了看WCG2010中国区总决赛迫不得已装上了PP加速器,其加速效果说实话真不错,但是那个弹窗广告十分恼人,找了一下pp加速器简易去广告方法：
1、搜索AdConfig.ini和AdList6.Xml并删除其文件夹内的所有内容
2、新建 AdConfig.ini和AdList6.Xml并且设置文件属性为“只读”。
之后可以与pplive那烦人的广告说再见啦~~

还有令人不爽的是他的后台进程PPAP.exe一直在不断上传数据,即使你打开PP加速器程序再关闭程序,这个PPAP.exe后台进程仍然孜孜不倦的工作,这就是PP加速器的奥秘所在吧.

发句牢骚:国产软件能不装就不装,软件有国际版的就不用中国版的,电脑绝对会清净许多.

查看Google,bing,yahoo蜘蛛爬行记录

2010-07-17T09:52:00.003+08:00

想不想有一个一劳永逸的方法查看Google,bing,yahoo蜘蛛对自己网站的爬行记录，下面我就告诉你方法。

如果你有独立的域名和独立的主机，你可以很容易的通过网站日记来查看搜索引擎蜘蛛爬行记录，但是对我们这些没有独立主机的童鞋来说只能另想办法了，可以通过在博客中添加第三方代码来查看蜘蛛爬行情况，先看一下效果：

可以看出Google蜘蛛爬行的最勤快，我的博客Google蜘蛛来的最勤，收录的最多，从Google搜索引擎来的浏览者占了相当大一部分。而且最近发现网站被bing给k了好长一段时间,现在都没有正常。

登录这个网站http://www.prmania.net/，你可以看到Msn bot last visit、Google bot last visit、Yahoo bot last visit分别对应的就是bing蜘蛛爬行记录，Google蜘蛛爬行记录，yahoo爬行记录。其实只要关注Google蜘蛛爬行记录就可以了，因为其他的bing，yahoo在中国的份额实在太少。目前还没有找到查看国内的百度蜘蛛爬行记录的方法，不知道哪位达人能做出来这么一个应用来查看baidu的蜘蛛爬行记录。

提示:产生的这些代码最好不要放在首页，这样会拖延网页加载速度，建议放在一个独立的页面，我的在这里。这个页面还有其他第三方小工具:用Google Analytics API 开发的第三方服务-SeeTheStats(用于公开显示博客每日流量),雅虎的显示博客或站点被链接的数量,点击的话可以到达官方主页,制作都很简单,就不一一介绍了。通过这些小工具能对自己的博客有个大概了解了吧。

博客添加back to top图标及back to top图标下载-Blogger.com优化

2010-07-13T10:48:00.003+08:00

如果一片文章很长，让当读者读完后想尽快返回到页面顶部，那么最好的方法就是添加一个back to top图标。

方法很简单，步骤如下：
1.“控制台”-“布局”-“修改 HTML”，同时请保存原有模板以防不测！
2.搜索 ]]></b:skin>，在它上面添加如下代码：

#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

3.搜索</body>,在他上面添加如下代码：

然后保存就可以了，我的博客就是使用这种方法，还有一种是平滑滚动到页面顶部的方法，效果是非常绚丽，使用jquery特效，但是需要加载一些脚本，我怕影响网页加载速度所以就没有选用，不过还是把方法提供给大家，先测试一下效果。

平滑滚动到页面顶部的方法：
1.“控制台”-“布局”-“修改 HTML”，勾选“扩展小窗口部件模板”，同时请保存原有模板以防不测！
2.搜索 ]]></b:skin>，在它上面添加如下代码：

#kaluhur{
right:20px;
bottom:20px;
position: fixed;
}

3.搜索</head>,在他上面添加如下代码：

4.搜索<body>,将它替换为<body id="luhur">。
5.搜索</body>,在他上面添加如下代码：

6.保存完工。

你可以看到网页从下面到顶部平滑的滑动，很炫的一个效果，最后附上一些back to top图标打包供大家下载：下载
后记：其实返回到页面顶部也不需要很麻烦的，我一般都是用HOME键的，返回到顶部很方便。

相关文章：

Blogger.com出现错误，评论消失无法显示

2010-07-06T19:58:00.007+08:00

这两天blogger.com出现了很诡异的现象：我通过Email可以收到读者的评论，但是当打开链接以后却没有找到评论，我一开始没有在意，以为是读者自己把评论删除掉了，就在刚刚才发现完全不是那么回事，于是自己测试评论了一下，评论没有马上显示出来，但是打开评论的页面后发现评论还在，然后再过一段时间评论完全消失了。

然后又在网友的博客上测试了两个评论，两条评论都很诡异的消失了，疑惑、无解……。

对于没有显示出来评论的网友我想说声对不起，不是我删除了你的评论，是这个blogger.com系统太不争气了。

为了能看到读者的评论不至于错过，大家可以在设置->评论->评论通知电子邮件里面填上一个你的邮箱，这样评论虽然无法显示出来，但是还是能接收到信息的。

我已经在Blogger.com帮助里面写了反馈，但是本人英语水平太差，希望英语水平好的同学能够反馈下。

大家可以进行评论测试，希望这只是个别现象。

更新：昨天没有显示出来的留言今天都显示出来了，有朋友说是缓存的原因，只不过这么长时间的缓存还是第一次见到。今天留言基本恢复正常，留言可以马上显示出来。这种留言消失的情况只是个别现象。2010-07-07

墙人使用Blogger.com新模板的方法(仅供参考)

2010-07-06T00:02:00.006+08:00

这篇文章适用于使用ghs反向代理绑定Blogger的Blogger用户。其他同学请无视这篇文章。

Blogger.com升级推出了新的模板样式，新模板更加漂亮，修改模板样式更加容易，但是我们使用新模板后如果在不使用代理的情况下会发现页面排版一塌糊涂，侧边栏无法正常显示，这是因为有一些代码被写在了一个专门的css文件里面:

注:这段数字每个人的每个博客都不一样,可以在博客源代码中查看到.
我首先想到的方法是把这个文件保存到没有被和谐的地方，然后对其进行引用，我把代码放在了Google Code存储，把这段代码加在<head>前面：

经过测试发现这个方法只是对IE8下有效，能正常显示，Firefox3.66，chrome 6.0均不能正常显示，后来想到的方法是直接把这个文件里的css代码复制到模板里面，还真是奏效了，在不使用代理的情况下，IE8，Firefox3.66，chrome 6.0均能显示正常，IE6下显示有点小问题，但影响不大。

这种方法虽然能够正常显示样式，但不知道除了产生代码冗余之外还有什么弊端没有，目前还没有发现，所有你如果使用新模板一定要有充分的准备，尽可能的测试不同浏览器下的显示状况，我这里提供一个网络服务用于网站的跨平台，跨浏览器的测试：http://browsershots.org/，欢迎大家提出新的解决方法。

更新：星星同学提出了一个更好的方法，改成HTTPS连接，把那段css代码用https加密：

把代码放在模板</title>后面即可，非常的方便好用。

Blogger.com开始内置流量统计信息

2010-07-02T16:58:00.009+08:00

今天打开Blogger.com控制台发现多了一个选项：统计信息。打开以后发现竟然是博客流量统计信息，UI样式很像Google analysis，从他的统计数据来看，应该是7月1日开始上线的，标签分为概述，帖子，流量来源，访问者四大模块，目前还没有完全汉化。概述(Overview)里面显示的信息包括浏览量，帖子按浏览量的排名以及访问者的来源信息，其他标签是更详细的信息显示，大家看一下图：

这个模块应该是在Google analysis的基础上发展而来的，但是他有个比Google analysis更牛的特性：实时统计(now)，可以实时的显示出博客访问量信息，这比Google analysis1-2小时的数据延时强了好多，大家可以从上面的图中红色区域内看到实时统计，其他的统计数据都和Google analysis差不多了，但是这个统计还有一个不足：它虽然可以显示流量来源，但是无法显示关键词，从搜索引擎来的流量都是显示为搜索引擎的地址，这个功能也许还在改进当中。
Update:已经有显示关键词功能了，但是没有实时更新数据，两天时间没有一个关键词显示，应该程序在调试中的原因。

关于这个功能目前我还没有找到任何的官方说明，而且这个功能只是在blogger测试区域才有,Blogger.com目前改进速度真是快啊，前段时间刚刚升级，希望blogger.com越办越好。

为博客侧边栏部件添加滚动条，缩短侧边栏-blogger.com优化

2010-07-01T10:58:00.002+08:00

如果侧边栏的小工具显示太长的话会影响页面的显示效果，能不能限制其显示长度呢，答案是肯定的，效果可以看我的侧边栏的Blog Archive。

博客归档层次结构显示效果非常不错，但是因为在国内的原因，如果博客归档用层次显示的话显示效果非常差，会把整个页面拉得很长，我执着于用这个的的原因是因为我最近用Google Webmaster tools工具发现博客内部链接项目里面有的页面链接的非常少，为此我还专门做了一个博客归档页面，只是为了让更多的链接暴露出来让搜索引擎搜索，哈哈！

下面来说说使用方法，我以Blog Archive为例：
1.“控制台”-“布局”-“修改 HTML”，勾选“扩展小窗口部件模板”，同时请保存原有模板以防不测！
2.查找以下内容：

]]></b:skin>

在上面添加如下css代码;

.scrolling2 {
overflow: auto; height: 200px; width: 100%;
}

3.搜索到下面的代码：

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

这里是往后是Blog Archive代码块，继续搜索到如下代码

在上面添加代码：

继续搜索

</b:includable>

在上面添加代码

</div>

为防止把代码添加到错误的地方，可以先把整个Blog Archive代码块复制出来，方便操作。

这样的话就可以限制Blog Archive的长度，即使拉得再长也无所谓了，其中的height和width可以根据情况自己调整。其它的部件也是相同的原理，搜索<b:widget id='部件名称'，重复完成3步骤即可。
相关文章：如何利用捲軸讓邊欄（Sidebar）元件縮短

什么是PR？

2010-06-26T20:25:00.002+08:00

什么是PR，说白了PR就是RP。

当一个人的RP好时，他的生活态度是乐观的，是积极的，他写出来的内容也是积极向上的，他愿意与大家分享自己的生活见闻、奇闻乐事，分享生活工作中遇到的苦难、挫折，他写出来的这些东西也就被大家津津乐道，广为传播，久而久之，蜘蛛爬虫感觉这人RP不错，于是这了他一定的PR，这和人的交往差不多，时间久了就知道这人的RP怎么样，虽然不会直接给他贴个标签但是会在心里给出一个分数。

我认为博客信息就是应该这样传播的，可是有些RP不好的人到处传播垃圾信息，在蜘蛛爬虫前献殷勤，让蜘蛛爬虫以为他是RP不错的人，于是乎他也得到了不错的PR。我发现我最近也加入到了这个行列中了，开始学习那些seo技巧，到处发布垃圾信息，垃圾链接。这已经脱离了我的主旨：记录生活·工作·学习中的点点滴滴。

成也PR，败也PR，这些都是在PR更新后改变的，在这之前我一直是按照自己的主旨：记录生活·工作·学习中的点点滴滴来写博客内容，分享自己的所闻所见所感，分享自己遇到的困难疑惑及解决方法。得到不错的浏览量，于是Google蜘蛛爬虫感觉这小子RP还不错，于是给了我hi百度空间PR=3，本博客PR=2的奖励。既然有了PR就希望获得更高的PR，于是开始学习网上的知识发送垃圾信息，到处留言顺便把博客地址贴上，在蜘蛛爬虫前献殷勤，我纯粹的博客生活就此被打乱。

我决定以后不干这些勾当了，如果PR升了算是对我的奖励，没有PR也无所谓，平常心，平常心。
PR？RP？选择对得起自己的!

Windows ADSL用户设置OpenDNS解析的正确方法

2010-06-22T13:42:00.004+08:00

使用OpenDNS的好处我就不说了大家可以网上搜索下，我这里主要说Windows ADSL用户设置OpenDNS解析的正确方法，说到设置DNS相信熟悉电脑的同学都很熟悉了，直接本地连接->右键属性->Internet 协议(TCP/IP)然后设置就可以了，但是你如果用adsl拨号的话这种方法好像不管用。

当我设置完成本地连接后用Windows的nslookup命令查询www.google.com得到如下结果：

C:\Documents and Settings\Administrator>nslookup www.google.com
Server: ns.sdjnptt.net.cn
Address: 202.102.128.68

查询的结果不是OpenDNS的地址，而是联通DNS的地址。查询了好长时间找到了这么一句话：

使用Windows的同学请注意它的DNS配置是每个连接分别配置的，例如使用本校bras@b的同学，不应修改“本地连接”的DNS服务器地址，而是BRAS连接的DNS地址 ——这个选项一般都是默认为自动获取的。

关于BRAS的功能之一是负责终结用户的PPPoE连接，也就是我们所说的adsl拨号，知道这个就很好解决了。

Windows ADSL用户设置OpenDNS解析的正确方法是：网上邻居->右键属性->宽带连接->右键属性->网络->Internet 协议(TCP/IP)->属性->使用下面的DNS服务器地址,输入OpenDNS的地址208.67.222.222
208.67.220.220 。谷歌DNS同样设置,Google DNS地址是:8.8.8.8 ,8.8.4.4 。

断开网络连接后重新拨号用Windows的nslookup命令查询www.google.com得到如下结果：

C:\Documents and Settings\Administrator>nslookup www.google.com
Server: resolver1.opendns.com
Address: 208.67.222.222

可以看出现在电脑用的是OpenDNS解析到IP地址了。

检查是否使用OpenDNS验证页面：http://welcome.opendns.com/
强制OpenDNS更新缓存页面，这个对于网站更换IP地址有用：http://www.opendns.com/support/cache/ 查询后点击页面最下面的Refresh the cache。

清除本地DNS的方法是在命令行里面输入:
ipconfig /flushdns
会得到如下结果表示本地DNS缓存清除成功:
Windows IP Configuration
Successfully flushed the DNS Resolver Cache.
本文地址：http://blog.kban.info/2010/06/windows-adslopendns.html

博客自动显示摘要(read more)的方法-blogger.com优化

2010-06-15T22:34:00.002+08:00

blogger.com已经推出了官方的read more功能，当你在控制台写文章的时候，点击插入换行符，就可以达到显示摘要的功能。但是本人比较懒，都是通过Google docs写文章，再加上以前写了好多文章了，不想再为每篇文章加上read more断点了，找到了一个一劳永逸的方法解决博客自动显示摘要(read more)的问题。

这个博客自动显示摘要也有手动模式和自动模式，自动模式修改完代码就不要在进行任何操作了，手动模式是对特殊的页面进行操作，代码对博客最近推出的静态页面支持不够好，需要手动模式。

方法如下，由于每个人的模板代码都可能不同，红色代码为搜寻的切入口：
1.“控制台”-“布局”-“修改 HTML”，勾选“扩展小窗口部件模板”，同时请保存原有模板以防不测！
2.查找到下面的代码添加.link_fullpost的css样式表：

</head>

在后面添加如下代码：

3.加上返回摘要的锚点，找到如下代码

<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>

修改为如下代码:

<b:includable id='post' var='post'>
<div class='post'>
<a expr:id='data:post.id + "-post-body-post-title"' expr:name='data:post.id + "-post-body-post-title"'></a>

4.安装自动文章摘要，找到如下代码：

修改成如下代码：

<div class='post-body' expr:id='data:post.id + "-post-body"'>
   <data:post.body/>
    <div style='clear: both;'/> 
    </div>
<script type="text/javascript">
digest_blogbody('<data:post.id/>'+'-post-body', '<data:post.url/>', location.href);
</script>

通过以上修改后，就会自动产生摘要，对于一些特殊的页面，如今年刚刚出现的静态页面支持不是太好，默认为显示摘要，如果你想直接显示出来，可以在文章的任何地方添加如下代码即可

其他手动摘要的说明：

，在你设定的文章锚点出插入此代码，在这之前的文章会显示出来，后面的会隐藏起来。
与，一個是隐藏全文、一個是显示全文，插入在文章任何地方皆可

说明：这个方法和官方显示摘要的方法不同，官方提供的read more方法只是加载read more前面的代码，可以加快网页加载速度，而这个方法原理是全部显示文章后再通过css样式隐藏read more后面的文章，不会加快网页速度，可能还会慢些。

本文地址：http://blog.kban.info/2010/06/read-more-bloggercom.html
相关文章：http://pulipuli.blogspot.com/2007/02/blogger.html

2010世界杯主题曲 MP3打包下载(转)

2010-06-12T22:58:00.011+08:00

“全宇宙只有两种语言，一个是足球，一个音乐。”当这两者结合，最可爱的产物便是世界杯主题歌。从1986世界杯开始，世界杯主题曲开始与球迷见面，给球迷们带来了许多美好回忆。让我们随着滚动的足球，回忆历届世界杯主题曲……

2010南非世界杯开幕主题曲
Wavin' Flag (旗帜飘扬)
2010年足球世界杯主题歌是由索马里裔歌手柯南(K'Naan)创作并演唱的Wavin' Flag(旗帜飘扬)。这首歌曲由于歌颂自由、平等和爱，且带有浓郁的非洲气息，因此受到南非世界杯组委会的青睐。

2010南非世界杯闭幕主题曲
Waka Waka (This Time For Africa)
由拉丁歌手夏奇拉(Shakira}创作并制作的歌曲“Waka Waka (This Time For Africa)”，被选为即将到来的2010年南非世界杯官方主题曲。夏奇拉将与南非本土组合Freshlyground在世界杯闭幕式上表演。

2010百事南非世界杯主题曲
Oh Africa! (加油非洲！)
由美国“嘻哈天王”AKON联手美国当红女歌手Keri Hilson演唱的足球金曲Oh Africa!(加油非洲！)。该曲曲风欢快动感，歌词朗朗上口，并且处处显露了足球元素，应时应景地为全球乐迷带来了一股热烈的足球风。

2010南非世界杯中文主题曲
《旗开得胜》
海豚音小天后张靓颖携手歌神张学友共同献歌《旗开得胜》，鼓励人们用非洲的方式表达各自的世界杯激情。歌曲在众多国家的音乐排行榜成绩突出，在全球拥有多达7种语言的精彩演绎，目前已经在150个国家广为流行。

2006德国世界杯主题曲
2006德国世界杯开幕主题曲
The Time of Our Lives (生命之颠)
由SonyBMG唱片公司著名作曲家约尔根-埃洛弗松(Jorgen Elofsson)作曲，超级制作人史蒂夫-麦克(Steve Mac)制作的“生命之巅”《Time of Our Lives》最终成为2006德国世界杯的官方主题曲。

2006德国世界杯闭幕主题曲
Hips Dont Lie
Hips Dont Lie这首拉美风格的快曲，是由当红的哥伦比亚人、拉丁女歌手夏奇拉(Shakira)和出生于加勒比岛国海地的Wyclef Jean共同演绎的，而在世界杯的11分钟简洁的闭幕式上，这个拉丁女王再次向世界舞动她的小蛮腰。

2006德国世界杯官方会歌
Celebrate the Day (庆祝这一天)
2006德国世界杯会歌Celebrate the Day(庆祝这一天)延续了98世界杯Cup of Life(生命之杯)的激扬拉丁曲风，激情的音乐动律将会带领全世界的球迷一起唱响世界杯。

2006德国世界杯中文主题曲
《永恒的一天》
2006国际足联世界杯专辑里更独家收录了两岸三地广受欢迎的唱将型歌手庾澄庆翻唱的这届世界杯的官方会歌中文版《永恒的一天》和由Sony BMG中国旗下的七位歌手（乐团）共同演绎的官方主题曲中文版《生命的骄傲》。

2002韩日世界杯主题曲
2002韩日世界杯开幕主题曲
Boom (风暴)
2002年，Anastacia荣耀演唱了集聚全球千万注目焦点的世界杯足球赛主题曲。主题曲Boom为Anastacia与摇滚界招牌制作大将Glen Ballard携手创作，兼具摇滚与灵魂乐的爆发力情感音色鼓舞着足球场上每一颗全力以赴的心。

2002韩日世界杯闭幕主题曲
Let's get together (让我们在一起)
Let's get together让我们在一起是首格外清新悠扬的2002韩日世界杯官方主题曲，它以日本流行歌曲独有的轻松和流畅，在众多世界杯歌曲中卓尔不群，它更象一首沉浸于幸福的爱情歌曲或是励志歌曲。

2002韩日世界杯主题曲
Anthem (足球圣歌)
纯音乐的《足球圣歌》以电子音乐风格，为新世纪世界杯进行时尚代言。范吉利斯的配乐以华丽见长。这首主题曲中有两个版本，一首电子乐版本兼具东方色彩和电子乐风情。另一首交响乐版传统、大气，作为专辑的结尾恰倒好处。

1998法国世界杯主题曲
1998法国世界杯开幕主题曲
Do you mind if I play
Do you mind if I play(我踢球你介意吗)是首轻快的歌曲，带着浓烈的热带情调和欢快的吟唱风格。演唱者都不是法国人，歌曲没有明显的法国特点，可能也正应和了世界杯融合交流的主题，并符合法国人喜好出人意料的性格。

1998法国世界杯闭幕主题曲
The Cup Of Life (生命之杯)
这是直到如今还盛久不衰的经典世界杯主题曲，瑞奇-马汀引领着拉丁音乐浪潮。《生命之杯》在世界杯之后也传播甚广，成为很多足球节目用来烘托气氛的第一选用曲目。歌曲中的鼓乐节奏和号角奏鸣都颇为煽情。

1994美国世界杯主题曲

1994美国世界杯主题曲
Gloryland (荣耀之地)
美国一直是足球运动的处女地。这首Gloryland虽然有个响亮的名字，但是英雄主义色彩在这首歌中荡然无存。《荣耀之地》在音乐风格上更接近于民谣与流行摇滚乐的结合，很有些美国西部荒原的苍茫感。

1994美国世界杯冠军歌曲
We Are the Champions
皇后乐队(Queen)的经典名曲We Are The Champions(我们是冠军)》受到世界各国音乐迷们的青睐，被评为全球最受人欢迎的歌曲。《我们是冠军》于1977年问世，起初只是足球界一首百听不厌的歌曲。

1990意大利世界杯主题曲
1990意大利世界杯开幕主题曲
UN'ESTATE ITALIANA (意大利之夏)
UN'ESTATE ITALIANA(意大利之夏)或许是最成功的世界杯主题曲，至今仍被资深球迷和歌迷们津津乐道。它悠扬动听，又振奋人心，意大利人将亚平宁半岛上的海风和足球王国对足球运动的理解和热爱糅合成迷人的旋律。

1990意大利世界杯闭幕主题曲
To Be Number One (永争第一)
To Be Number One，是由一男二女三人乐队The "Giorgio Moroder" Project所演唱，乐队成员包括来自波士顿的主唱Joe Milner，来自纽约的伴唱歌手Molly Ruffalo和来自旧金山的另一位伴唱歌手Paula Nichols。

1986墨西哥世界杯主题曲
1986墨西哥世界杯开幕主题曲
A Special Kind of Hero (别样英雄)
1986 年的世界杯是属于马拉多纳的，这位阿根廷天皇巨星以“上帝之手”和连过五人的长途奔袭进球得分，闻名于世，并为本队再次夺得世界杯桂冠。这首充满传统色彩的大气歌曲后来一直被视为颂扬马拉多纳的赞歌。此歌演唱者是著名的舞台剧演员斯黛芬妮-劳伦斯。

本文地址：http://blog.kban.info/2010/06/2010-mp3.html
本文为转载，图片及音乐版权归发行公司所有，来源：http://yule.iciba.com/zt/2010/World_Cup

Blogger.com升级了

2010-06-11T17:11:00.002+08:00

刚刚打开blogger.com的控制台，发现了blogger.com的升级提示，还真是证明了前两天的blogger.com要升级系统造成一部分程序出现点小问题的猜测。

主要更新是Blogger模板设计器对每个人都开放了，这些都是Blogger 测试区很早就体验过的功能，不过这个模板设计器确实不错，里面提供了相当多不错的模板，其中标题为Awesome Inc.设计者：Tina Chen的模板我可是在网上Google了好长时间都没有找到，真有点百度的味道：众里寻她千百度,蓦然回首,那人却在灯火阑珊处，那模板却在眼前。

以下是引用官方的更新内容说明，Google翻译加人工整理，欢迎指正：

每个人都想看起来独一无二。用Blogger模板设计器，你可以设计出完全属于自己的模板：
* 漂亮的新模板。我们设计了19个新模板，您可以快速给您的博客选择一个新的风格。
* 分离的布局设计。外观设计完全通过CSS完成的，可以使模板设计更加灵活和独特。
* 数以百计的免费的专业背景图像。我们与iStockphoto合作为您提供数以百计的免费背景图片
* 全局颜色控制。Blogger的模板设计器可以让你通过颜色主题功能一次改变博客中的所有颜色。
* 通过滑块调整像素。你可以通过滑块实时的看到更新布局后的效果。
* 实时预览功能。你可以实时看到您的模板更新后的样子。
* 简单容易上手。我们通过向导来使您的设计更加简单
* 完全控制。在高级选项卡，您可以重写CSS，编辑自己的CSS，可以实时预览博客更新后的效果
* 跨浏览器支持。支持Firefox、Internet Explorer和Chrome.

通过这个模板设计器可以自己很容易的设置符合自己需要的模板风格，可以很方便地更改背景，修改布局，不过这些只对新模板有效。如果要尝试换新的模板请备份你的旧模板。

写在最后:刚刚在博客里面嵌入一个论坛，麻雀虽小，五脏俱全，评论里面无法发布的代码等内容可以在此发布http://blog.kban.info/p/forum.html

本文地址：http://blog.kban.info/2010/06/bloggercom_11.html

出现内部错误。请重试-Google adsense错误

2010-06-09T22:07:00.004+08:00

最近每当调整blogger.com自带的adsense模块的时候，adsense模块都显示-请改正此表单上的错误。出现内部错误。请重试。一开始以为模板被修改坏了，但是不影响使用就没有在意，可后来发现不是模板问题。

刚刚稍微调整了一下页面宽度比例，想要放一个宽幅摩天大楼 (160x600)adsense广告，可是无论是添加adsense广告还是调整原来adsense格式都会出现内部错误。当我以关键字出现内部错误。请重试。 adsense搜索发现已经有人在adsense帮助论坛提出了疑问。一个6号，一个7号，都是刚刚不久的问题。

其中有一个这样描述：

6月6日晚突然出现了些新的标签，如“设计”、许多过去在GG未见过的漂亮模板，但都不能碰，碰了就打出红字“出现内部错误。请重试。”连配置 AdSense时也打出这些红字，本以为过两天就会正常，现在漂亮模板见不到了，调整配置 AdSense时“出现内部错误。请重试”的红字倒不消失了，倒置调整不了AdSense。到底内部出现了什么错误？请相关部门提示。

Blogger.com出现了新的标签"设计"，又出现了许多未见过的模板，漂亮模板见不到了，难道预示着blogger.com要升级系统造成一部分程序出现点小问题，我现在完全没有了放adsense广告的心思，一心想着Blogger.com漂亮模板，漂亮模板……

如果这些都是真的，真想快点看到Blogger.com升级，强烈关注中。

更新：那个描述差不多都是 Blogger 测试区里面很早就有的内容，里面的模板设计器提供了不少模板，都很漂亮。adsense还是无法添加修改配置，如果不嫌麻烦的话可以考虑添加html/javascript的方法，塞入adsense代码。

本文地址：http://blog.kban.info/2010/06/google-adsense.html

消息: '_WidgetManager' 未定义的解决方法-blogger.com优化

2010-06-08T11:27:00.007+08:00

_WidgetManager" is not defined _WidgetManager未定义困扰了我好久，终于找到解决方法了。这是大多数blogger.com用户在IE浏览下出现的问题，不过应该都没有得到重视。
一直以来都是用Firefox来浏览网页的，博客的调试优化都是在Firefox下完成的，每次都很正常，可是用IE浏览的的时候，右下角出现提示“已完毕，但网页上有错误”，

打开后显示如下：

此页面上的错误可能是他无法正确运行，然后产生如下代码：

代网页错误详细信息

用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; CIBA; .NET CLR 2.0.50727; msn OptimizedIE8;ZHCN)
时间戳: Sun, 30 May 2010 10:16:41 UTC

消息: '_WidgetManager' 未定义
行: 1102
字符: 1
代码: 0
URI: http://blog.kban.info/

这个错误也许是个稀缺错误或者一直没有被注意的错误，Google了好长时间没有找到正确的解决方法，终于功夫不负有心人，终于找到解决方法了：
1.“控制台”-“布局”-“修改 HTML”，同时请保存原有模板以防不测！
2.查找</body>，在上面添加如下代码：

<script type='text/javascript'>
_WidgetInfo=function(){};
_WidgetManager={
   _Init:function() {},
   _SetPageActionUrl:function() {},
   _SetDataContext:function() {},
   _SetSystemMarkup:function() {},
   _RegisterWidget:function() {}
};

</script>

完成后保存模板即可，现在在IE下浏览你的博客看看左下角是不是显示完成而不是网页上有错误了。原因是因为当网页加载完成，一些js文件却没有加载，于是script抛出一个错误，于是创建一个假的_WidgetManager类让浏览器认为其已经加载完成。

更新：有网友评论说测试了很多浏览器都正常，我这里用IE8测试大多数blogger.com博客都有这个错误，也许是IE8兼容性问题所致，不过未来IE8将会成为IE世界的主流，注意一下还是好的。

本文地址：http://blog.kban.info/2010/06/bloggercom.html
相关文章：Solution for _WidgetManager undefined error

Google PR值更新了

2010-06-03T17:31:00.003+08:00

今天登录我的博客发现在Google工具条上PageRank竟然有数据显示，经过多次刷新和网站在线查询PR值后确认，我的博客PR值升为2了，高兴，域名才刚买两个半月！

在线PR查询：http://tool.chinaz.com/Ranks/

更新：无意间登录我已经废弃的hi百度空间，发现PR为3，比我这个还高，我真是悲喜交加！http://hi.baidu.com/oceanban

南非2010世界杯猜猜看！

2010-06-03T09:06:00.005+08:00

今年2010南非世界杯，各球迷们来猜想下哪支国家队能成为最后的冠军，来为你支持的球队默默的投上一票吧！
说明：本投票系统为不记名投票，选择你支持的球队后可以在后面写上你对球队想说的话，点击提交后可以在下一页查看到投票统计结果。
制作:OceanBan，如有错误请联系：oceanban+2010cup@gmail.com
感觉不错的话请分享给你的朋友：http://spreadsheets.google.com/viewform?formkey=dGM1Zm1lUUlTaHpZSXVjOGpLbjZueHc6MQ

ghs.google.com反向代理访问Blogger.com和Google app

2010-05-30T15:34:00.003+08:00

Blogger.com是一个非常好的博客服务提供商，最主要的原因是因为其可定制性比较强，能够根据自己的意愿随意添加删除模块，可是由于某些原因，它被墙了，不过如果你有一个独立域名的话，这些问题都迎刃而解了，我们可以通过Blogger.com绑定独立域名，然后通过反向代理ghs.google.com的方法来解决，你所看到的这个博客就是Blogger.com绑定独立域名然后又通过ghs.google.com代理实现的。

首先需要设置的是blogger.com绑定独立域名：

登录blogger.com，依次进入设置->出版业，选择自定义域,然后在'您的域'里面输入你想要的博客地址，如blog.kban.info，然后保存设置即可。

接下来设置dns解析：

登录您的域名提供商的设置版面，在dns设置里面添加一条cname记录，分别输入别名和指向的主机名，别名为blog(这个和你前面输入的名称对应)，指向主机名：ghs.google.com，这样设置本应该就完成了，但是ghs.google.com被和谐了，所以还需要下面的一步。

申请ghs可用IP：

打开http://www.you8g.com/，用你的Google帐号登录成功以后添加你想要的设置代理的域名;blog.kban.info，添加完成后把cname记录的指向主机名改为ghs.you8g.com就可以访问了。

如果你这些步骤都设置成功了，那么恭喜你了，你已经成为Blogge.com里的一员，关于blogger.com的一些优化你可以参考我以前的文章列表：Blogger优化，这些对你一定有帮助，这些都是我优化blogger.com的一些记录。

关于Google APP我们最常用的就是他的电子邮件了，在申请ghs可用IP里面申请：mail.kban.info,然后DNS添加一条CNAME设置别名为mail，指向主机名为ghs.you8g.com即可，以后就可以用mail.kban.info登录你的Google APP邮箱了。

注意：在这些过程中有些步骤可能需要翻墙，我想这些对于我们天朝子民来说难度应该不大，还有就是ghs可以IP有域名限额，如果赶不上这班车，我说的这些都白搭了，先到先得，祝君好运！

博客帖子添加调整字体大小功能-Blogger.com

2010-05-26T14:30:00.002+08:00

每当我拿自己的博客字体大小与别的博客比较多时候总感觉自己博客字体小些，但是变大的话又感觉整个页面就不怎么和谐了，今天找到了一个方法可以调整帖子文字大小的方法，而是只针对帖子文字进行调整,且调整时不必重新加载网页，很是方便。

方法如下：
1.“控制台”-“布局”-“修改 HTML”，勾选“扩展小窗口部件模板”，同时请保存原有模板以防不测！
2.查找以下内容：

]]></b:skin>

在其下方添加：

3.查找HTML代码中所有的：

<data:post.body/>

将它们全部替换为以下代码：

这样，就可以将被 name='zoom' 的span tag包住的那些內容，赋予字体缩放的功能。
4.在你想要提供功能的地方加入以下代码，不过感觉添加在第三步替换后代码的上面会比较和谐：

<b:if cond='data:blog.pageType == "item"'>
<div style='text-align:right'><b>调整字体大小：</b>
<a href="javascript:doZoom(16)">大</a>|
<a href="javascript:doZoom(14)">中</a>|
<a href="javascript:doZoom(12)">小</a>
</div></b:if>

其中的位置（left、center、right）和文字大小（12、14、16...）可以自己调整（单位是px）。

相关文章：让Blogger的读者根据自身习惯调整帖子文字大小