首页 技术之路领养你的WP宠物吧aBowman提供优质宠物美化你的博客

领养你的WP宠物吧aBowman提供优质宠物美化你的博客

话说大家有木有看到过某某博客的侧边栏,突然多出了一些小小的动物,是不是很迷人呢?其实这些博客使用了宠物插件或者是JS代码特效弄出来的。你如果想让自己的博客,也有几只小宠物,闲情着玩一下可爱宝宝,心情也会舒畅一些吧。

今天我就介绍介绍aBowman外国博客使用的博客宠物代码,美化博客。本站也是用了aBowman博客的宠物代码,弄了几只小乌龟(两只都是“变异”的,接下来我会讲到)。

20130118201837

呵呵,小乌龟挺可爱的呢,对于我那么喜欢,归根到底我家就也有一只龟龟——其实是一只水鱼啦~

接下来我就开始弄了,大家看好了,千万别眨眼:

1.进入这个网站,你可以发现N多宠物,有小狗、老鼠、企鹅、青蛙、金鱼等等,本人拿乌龟做实验(莫过于残忍了点)

20130118202357

2.点击你想要的宠物,本人用Turtle“乌龟”做演示,前面貌似说过了这菊花,进入页面:

20130118202535

3.接下来,你可以看到乌龟代码动画下面,有两行代码,那个就是我们要放在博客上面的代码,复制下来,到后台找到主题小工具选项(前提是主题必须支持小工具),找到wordpress自带的“文本”小工具,拖到相应的侧边栏位置,粘贴入刚刚复制的代码,点击“保存”,随后就可以到博客主页看看宠物們了!

PS.对了,刚刚忘记说明,你们不要被那个“embed code for wordpress.com”代码迷惑了,“文本”小工具调用的是代码文本,所以我们应该选用“embed code”的下面那行代码置于在小工具上。

之后的就是进阶一点的应用了(其实不算太难滴)继续看看吧!

看了上面的演示,你也许会说:“你家城堡的池塘乌龟怎么有红有绿的啊,而且和我的不一样!”嘿,这是我改了代码才用的,教程修改、、、

仔细留意上面的截图,懂一点点英语的人已经知道动画下面的红色字样“edit settings”就是修改代码的意思了,那好我们赶紧的“变异”our小宠物吧!

修改名字(name后面),貌似没什么用处。Water Cloud就是改变水的颜色的,之后的XXX看图吧。

20130118204431

不难看出英文意思,只是给English文盲看看,拉下之后,还能看到其他宠物的颜色修改,反正以第一只宠物的修改格式以此类推,我就不做再多的解释了。至于那个水的分布量,自己调节吧,其实水给乌龟游泳,陆地给乌龟爬,没什么的啦,搞搞个人创意嘛,方便自己大家辨认。