给wordpress博客养个小宠物

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

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

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

捣鼓那里提供下载的脚本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:至于我的主题,作者的链接就在下面啦,不要再跟我要主题啦~

 标签: 折腾, 博客宠物

作者  :  sailor

仅仅看明白了还不够,能把别人给讲明白了才算及格。


  1. 面条
    1#
    面条

    哟呵,还真不错...

    August 26th, 2011 at 09:34 am 回复
      1. sailor
        sailor

        呵呵,这个看个人喜好,我倒是喜欢这么个小东西[face:daxiao]

        August 27th, 2011 at 12:08 am 回复
  2. 面条
    2#
    面条

    会不会影响网页加载速度?

    August 26th, 2011 at 09:35 am 回复
      1. sailor
        sailor

        影响总会有的,我这个图有20多k

        August 27th, 2011 at 12:08 am 回复
  3. netyang
    3#
    netyang

    那个。。你主机用什么的?我主机昨天瘫痪10小时了T T[face:daku]

    August 26th, 2011 at 09:42 am 回复
      1. sailor
        sailor

        西门主机格调,不过我用的是wp,你的估计用不了

        August 27th, 2011 at 12:09 am 回复
  4. 莲花童子哪吒?哈哈!!

    August 26th, 2011 at 09:57 am 回复
      1. sailor
        sailor

        这个是死亡笔记里的主人公[face:han]

        August 27th, 2011 at 12:09 am 回复
  5. DH
    5#
    DH

    这个老师漂浮这,感觉像浮动广告

    August 26th, 2011 at 10:11 am 回复
      1. sailor
        sailor

        嗯,有的人蛮不喜欢这个的,我跟他有感情,不舍得扔掉

        August 27th, 2011 at 12:10 am 回复
  6. 雨丸
    6#
    雨丸

    哎哟喂~~~这个可真有意思~~改天我去弄个奥特曼的哈哈

    August 26th, 2011 at 10:17 am 回复
      1. sailor
        sailor

        [face:touxiao][face:touxiao]再弄个小怪兽,打开就看见两个在飞来飞去

        August 27th, 2011 at 12:11 am 回复
  7. 是有点像广告

    August 26th, 2011 at 11:36 am 回复
      1. sailor
        sailor

        嗯,许多人这么说,不过我还是蛮喜欢这小孩,有感情了

        August 27th, 2011 at 12:11 am 回复
  8. debin
    8#
    debin

    乱了感觉...看上去是位牛人啊。。。刚才过去看了一眼。。。
    才发现现在的90后真是不能比啊。。。

    August 26th, 2011 at 12:02 pm 回复
      1. sailor
        sailor

        [face:daxiao][face:daxiao]那是,90后出人才啊!!!

        August 27th, 2011 at 12:11 am 回复
  9. [face:sad]不错啊,呵呵

    August 26th, 2011 at 12:18 pm 回复
      1. sailor
        sailor

        谢谢夸奖~[face:daxiao]

        August 27th, 2011 at 12:12 am 回复
  10. 仰肖
    10#
    仰肖

    挺有意思的,主题也很有爱啊。

    August 26th, 2011 at 02:10 pm 回复
      1. sailor
        sailor

        嗯,用暑假时间换了个主题~

        August 27th, 2011 at 12:12 am 回复
  11. 罗伊
    11#
    罗伊

    这个应该是当年伪春菜插件的改良,但是我已经不用这些表面上的东西了。

    August 26th, 2011 at 02:45 pm 回复
      1. sailor
        sailor

        你说的那个我倒是没有听说过,这是第一次见,不过我蛮喜欢这个小孩的,就收养了,哈哈

        August 27th, 2011 at 12:13 am 回复
  12. 呵呵。。。有意思。。好玩。。谢谢分享哈。。。

    August 26th, 2011 at 04:38 pm 回复
      1. sailor
        sailor

        不谢,有问题再交流~~

        August 27th, 2011 at 12:13 am 回复
  13. 博主的博客,弄的真是给力,真不错

    August 26th, 2011 at 04:59 pm 回复
      1. sailor
        sailor

        [face:daxiao]谢谢夸奖~

        August 27th, 2011 at 12:16 am 回复
  14. MurphyL
    14#
    MurphyL

    只说赞行不行 ~~

    August 26th, 2011 at 06:21 pm 回复
      1. sailor
        sailor

        行啊,不过用的时候会有问题,多多交流~

        August 27th, 2011 at 12:14 am 回复
  15. ReMinD
    15#
    ReMinD

    能不能把孩子改成裸女[face:yiwen][face:yiwen][face:daxiao][face:daxiao][face:daxiao]

    August 26th, 2011 at 06:56 pm 回复
      1. sailor
        sailor

        [face:haixiu][face:haixiu]那个自己看看就行了~

        August 27th, 2011 at 12:14 am 回复
          1. 代码我看不懂

            August 27th, 2011 at 10:04 am 回复
  16. harry_L
    16#
    harry_L

    现在这个是个正太还是萝莉?

    August 26th, 2011 at 09:50 pm 回复
      1. sailor
        sailor

        似乎是q版的网球王子,我也不确定

        August 27th, 2011 at 12:15 am 回复
  17. kassol_zx
    17#
    kassol_zx

    我怎么没看到那个小东西呢。。。。

    August 26th, 2011 at 10:15 pm 回复
      1. sailor
        sailor

        额,不会吧?小东西住我这里这么久了

        August 27th, 2011 at 12:15 am 回复
          1. 我真的一直就没看到。。。[face:han]

            August 27th, 2011 at 11:04 am 回复
  18. 105
    18#
    105"主席

    对啊,那个小东东呢?[face:daxiao]

    August 26th, 2011 at 10:41 pm 回复
      1. sailor
        sailor

        是你的小东东[face:dahan]

        August 27th, 2011 at 12:15 am 回复
  19. 好可爱的小帅锅哦····^_^

    August 27th, 2011 at 12:04 am 回复
      1. sailor
        sailor

        [face:daxiao][face:daxiao]谢谢夸奖~~

        August 27th, 2011 at 12:16 am 回复
  20. 梦飞
    20#
    梦飞

    这个小宠物太可爱了。。。

    August 27th, 2011 at 08:40 pm 回复
      1. sailor
        sailor

        呵呵,特意找的q版的小宠物~

        August 31st, 2011 at 07:01 pm 回复
  21. 小嘉
    21#
    小嘉

    [face:daxiao]共享出来了哦。奖你一朵红花,哈。

    August 28th, 2011 at 12:46 am 回复
      1. sailor
        sailor

        早就共享出来了,我只是转载一下而已~

        August 31st, 2011 at 07:01 pm 回复
  22. 够瞧客
    22#
    够瞧客

    为什么看不到...难道我人品有问题...[face:daku][face:daku]

    August 29th, 2011 at 08:55 am 回复
      1. sailor
        sailor

        好悲剧啊,我昨天在同学那里看chrome下竟然也没有出~

        August 31st, 2011 at 07:02 pm 回复
  23. 小白
    23#
    小白

    这个蛮有意思的,等我也研究一下,养个小正太,每天打开博客都能看到帅哥[face:daxiao]

    August 30th, 2011 at 08:39 pm 回复
      1. sailor
        sailor

        嗯,完全可以哦,不过要考虑一下流量哦~

        August 31st, 2011 at 07:02 pm 回复
  24. 小猴
    24#
    小猴

    这个是死亡笔记的主人公?这不是Q版不二么?你居然说Fuji是宠物……~~o(>_<)o ~~不二殿啊就被你给毁了啊 还有啊你居然说他好色?你看一下网王吧,那里面都是一堆花痴女的追不二啊 你……

    September 3rd, 2011 at 10:27 am 回复
      1. sailor
        sailor

        抱歉,从来不可动漫,我就看这个小孩可爱就拿来了

        September 8th, 2011 at 12:52 pm 回复
  25. 蚊子
    25#
    蚊子

    加上了,虽然有点缺憾。好像JQ冲突了

    September 10th, 2011 at 04:16 am 回复
      1. sailor
        sailor

        额,这个自己调吧,那个怎么跟我用的是一个人呢?

        September 12th, 2011 at 06:42 am 回复
  26. 爱折腾
    26#
    爱折腾

    不得不说,第二步的代码有错误!

    October 9th, 2011 at 11:30 pm 回复
      1. sailor
        sailor

        恩,这个代码没有怎么修饰的,里面有bug

        October 20th, 2011 at 03:32 am 回复
  27. IT路人
    27#
    IT路人

    [face:daxiao]我也要加上一个

    November 12th, 2011 at 02:28 am 回复
      1. sailor
        sailor

        嘿嘿,其实现在感觉有点影响用户体验了!

        November 30th, 2011 at 02:29 pm 回复
  28. 小虫
    28#
    小虫

    谢谢博主分享,主要是下载了原作者的版本,不知道该怎么实现显示COOKIE中的来访者名称

    看来你修改过的这个版本应该可以

    November 22nd, 2011 at 10:15 am 回复
      1. sailor
        sailor

        嗯,这个是可以的,不过现在感觉有点影响用户体验了

        November 30th, 2011 at 02:30 pm 回复


最新文章