闻心阁

一蓑烟雨看苍生,半壶浊酒笑红尘

给wordpress博客养个小宠物

2011-08-26 约 5 分钟读完 搬砖秘籍

今天来到我博客的人一定看到了这个小孩子,飘来飘去很可爱的说~一部分朋友问我这个效果是怎么实现的,其实你们用你们的脚指头想想也应该知道这肯定不是我写的效果。好东西如果不拿来分享会让我感觉压力很大,索性整理了一下,放出这个小孩子的效果实现方法。

这是在乱了感觉的博客看到了这个效果,原文地址在这里,下面的内容来自乱了感觉。

这是是博主木木(不是林木木)的作品,我只是拿来用用,原文地址是《博客页面浮动交互小人宠物发布》。

捣鼓那里提供下载的脚本spig.js里面有一些小错误,我把它修正了,另外也修改了很多代码(纯属蛋疼,修改成自己习惯的模式),这里把我修改后的js脚本源码发出来,下载地址: Google Code

请先下载捣鼓那里的博客宠物附件后用我提供的js替换里面的spig.js,这个东西需要jQuery库,必须先加载jQuery库。

您可能需要修改spig.js里面的一些东西,比如里面的一些域名网址等

写给新手的使用方法,高手灰过

首先,加载jQuery库,如果你已经加载过直接无视!在你的</body>前添加代码:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

对于WordPress用户,在上面的代码下面添加如下代码,非WordPress版的我不清楚:

<script type="text/javascript">
<?php if(is_home()) echo 'var isindex=true;var title="";';else echo 'var isindex=false;var title="',  get_the_title(),'";';?>
<?php if((($display_name = wp_get_current_user()->display_name) != null)) echo 'var visitor="',$display_name,'";'; elseif(isset($_COOKIE['comment_author_'.COOKIEHASH])) echo 'var visitor="',$_COOKIE['comment_author_'.COOKIEHASH],'";';elseecho 'var visitor="游客";';echo "\n"; ?>
</script>

然后在上面代码下面添加代码即可:

<script type="text/javascript" src="你的spig.js的路径"></script>

关于怎么自定义显示的消息,用jQuery选择器加上showMessage('信息')即可

sailor本人:因为不同的主题不同,所以你照着这个全盘copy上去以后不一定成功,或许jq里面还会有bug,我遇到的是visitor变量没有定义之类的bug,改一下变量名即可,CSS样式在index文件里面,应该能找的到,拷贝出来复制到你博客主题目录下的style.css里面即可。

至于本人的也是请人帮忙才搞出来这个小孩的(这话有点歧义啊)。所以剩下的就靠大家自己摸索了,你也可以养个萝莉啊,蓝精灵之类的东西,本来我也想用蓝精灵的,但是感觉这个小东西眼神蛮犀利,算是给我这清新的小博客加点佐料,当然这小家伙随我,很好色(在你评论的时候就知道了)。

废话说到这里,自己折腾吧//PS:至于我的主题,作者的链接就在下面啦,不要再跟我要主题啦~

58 条评论

  1. 面条
    哟呵,还真不错...
    1. Sailor 博主
      呵呵,这个看个人喜好,我倒是喜欢这么个小东西😄
  2. 面条
    会不会影响网页加载速度?
    1. Sailor 博主
      影响总会有的,我这个图有20多k
  3. netyang
    那个。。你主机用什么的?我主机昨天瘫痪10小时了T T😭
    1. Sailor 博主
      西门主机格调,不过我用的是wp,你的估计用不了
  4. 焚云日
    莲花童子哪吒?哈哈!!
    1. Sailor 博主
      这个是死亡笔记里的主人公😓
  5. DH
    这个老师漂浮这,感觉像浮动广告
    1. Sailor 博主
      嗯,有的人蛮不喜欢这个的,我跟他有感情,不舍得扔掉
  6. 雨丸
    哎哟喂~~~这个可真有意思~~改天我去弄个奥特曼的哈哈
    1. Sailor 博主
      🤭🤭再弄个小怪兽,打开就看见两个在飞来飞去
  7. 三人帮
    是有点像广告
    1. Sailor 博主
      嗯,许多人这么说,不过我还是蛮喜欢这小孩,有感情了
  8. debin
    乱了感觉...看上去是位牛人啊。。。刚才过去看了一眼。。。
    才发现现在的90后真是不能比啊。。。
    1. Sailor 博主
      😄😄那是,90后出人才啊!!!
  9. 青岛seo
    😞不错啊,呵呵
    1. Sailor 博主
      谢谢夸奖~😄
  10. 仰肖
    挺有意思的,主题也很有爱啊。
    1. Sailor 博主
      嗯,用暑假时间换了个主题~
  11. 罗伊
    这个应该是当年伪春菜插件的改良,但是我已经不用这些表面上的东西了。
    1. Sailor 博主
      你说的那个我倒是没有听说过,这是第一次见,不过我蛮喜欢这个小孩的,就收养了,哈哈
  12. 一蓑烟雨
    呵呵。。。有意思。。好玩。。谢谢分享哈。。。
    1. Sailor 博主
      不谢,有问题再交流~~
  13. 保健养生
    博主的博客,弄的真是给力,真不错
    1. Sailor 博主
      😄谢谢夸奖~
  14. MurphyL
    只说赞行不行 ~~
    1. Sailor 博主
      行啊,不过用的时候会有问题,多多交流~
  15. ReMinD
    能不能把孩子改成裸女🤔🤔😄😄😄
    1. Sailor 博主
      ☺️☺️那个自己看看就行了~
    2. ReMinD 回复 @Sailor
      代码我看不懂
  16. harry_L
    现在这个是个正太还是萝莉?
    1. Sailor 博主
      似乎是q版的网球王子,我也不确定
  17. kassol_zx
    我怎么没看到那个小东西呢。。。。
    1. Sailor 博主
      额,不会吧?小东西住我这里这么久了
    2. kassol_zx 回复 @Sailor
      我真的一直就没看到。。。😓
  18. 105"主席
    对啊,那个小东东呢?😄
    1. Sailor 博主
      是你的小东东😰
  19. 颈椎病博客
    好可爱的小帅锅哦····^_^
    1. Sailor 博主
      😄😄谢谢夸奖~~
  20. 梦飞
    这个小宠物太可爱了。。。
    1. Sailor 博主
      呵呵,特意找的q版的小宠物~
  21. 小嘉
    😄共享出来了哦。奖你一朵红花,哈。
    1. Sailor 博主
      早就共享出来了,我只是转载一下而已~
  22. 够瞧客
    为什么看不到...难道我人品有问题...😭😭
    1. Sailor 博主
      好悲剧啊,我昨天在同学那里看chrome下竟然也没有出~
  23. 小白
    这个蛮有意思的,等我也研究一下,养个小正太,每天打开博客都能看到帅哥😄
    1. Sailor 博主
      嗯,完全可以哦,不过要考虑一下流量哦~
  24. 小猴
    这个是死亡笔记的主人公?这不是Q版不二么?你居然说Fuji是宠物……~~o(&gt;_&lt;)o ~~不二殿啊就被你给毁了啊 还有啊你居然说他好色?你看一下网王吧,那里面都是一堆花痴女的追不二啊 你……
    1. Sailor 博主
      抱歉,从来不可动漫,我就看这个小孩可爱就拿来了
  25. 蚊子
    加上了,虽然有点缺憾。好像JQ冲突了
    1. Sailor 博主
      额,这个自己调吧,那个怎么跟我用的是一个人呢?
  26. 爱折腾
    不得不说,第二步的代码有错误!
    1. Sailor 博主
      恩,这个代码没有怎么修饰的,里面有bug
  27. IT路人
    😄我也要加上一个
    1. Sailor 博主
      嘿嘿,其实现在感觉有点影响用户体验了!
  28. 小虫
    谢谢博主分享,主要是下载了原作者的版本,不知道该怎么实现显示COOKIE中的来访者名称

    看来你修改过的这个版本应该可以
    1. Sailor 博主
      嗯,这个是可以的,不过现在感觉有点影响用户体验了
解决百度重复收录wordpress文章 windows下gcc编译器TDM