一 简单介绍

如题所示,给博客的边栏添加一个小宠物,可以有效地提高网站的灵动性,比如说我的博客上是这样的:

WordPress优化:为博客边栏添加小宠物_第1张图片

这些小宠物实际上是一个个flash动画,来源于这个网站:http://abowman.com/google-modules/

WordPress优化:为博客边栏添加小宠物_第2张图片

可以看到,这个网站提供了多个flash小工具,我们可以根据自己的喜好在相应的详情页面中通过“审查元素”找出flash的URL,然后再用迅雷下载到本地

WordPress优化:为博客边栏添加小宠物_第3张图片

比如说在这个Fish页面,我们可以先通过个性化设置,然后将flash下载下来,并且把相应的代码也复制下来。

二 在网站边栏添加小工具

(1)将flash上传到我们网站的一个目录中,然后替换刚才复制的代码中对应的swf文件链接

(2)给网站添加一个边栏小工具–文本框。标题随便,内容就是刚才复制的代码

WordPress优化:为博客边栏添加小宠物_第4张图片

(3)根据自己网站的主题情况,再调节其宽高即可

三 参考flash及其配置代码

(1)我现在正在使用的宠物鱼,这里我定义的是10条颜色不同的鱼

文件链接:http://www.zifangsky.cn/wp-content/uploads/abowman/fish.swf

配置代码:

(2)不少博客都在使用的小老鼠

文件链接:http://www.zifangsky.cn/wp-content/uploads/abowman/hamster.swf

配置代码:

对个性化要求不是很高的小伙伴可以直接从我的博客下载,因为我博客上的这两个文件通过反编译flash把页面中的aBowman字样给去除掉了,不然画面中总是显示一点文字看起来总觉得有点别扭O(∩_∩)O~