WordPress实时显示评论者头像

在很多朋友的博客上看到评论框输入邮箱后,会自动显示自己的Gravatar头像,效果真的是太酷了,我可是流口水很早了,今天我的博客也有这个功能了,大家可以去评论框,输入邮箱看一下效果,怎样?酷不酷?

下面是我的添加办法及代码。

  1. 点击这里下载所需要的JS文件,放到你的主题文件夹下的js目录;
  2. 在comments.php文件里相应的位置添加代码:
  3. 在你的style.css文件添加相应的样式文件,可根据自己需要改动。
    /*评论者头像*/
    #commentwelcome{margin:10px;}
    #real-avatar .avatar{position:relative;right:60px;top:40px;border:1px solid #ccc; background:#fff; width:47px; height:47px; padding:2px; float:right;}
    
  4. OK!去体验一把吧!:)

落花生

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2011.04.21

    TwentyTen Advanced Headers:为日志分类添加自定义header图片

    WordPress默认主题TwentyTen…

  2. 没有图片

    2009.09.04

    HTML教程 从一个页面链接到其他页面指定位置代码

    看到网上有很多网友在问网页链接代码的问题,就…

  3. 没有图片

    2012.12.12

    WordPress 3.5 正式版发布 李思章博客升级

    本来只打算更新一下WordPress插件技术…

  4. 没有图片

    2011.11.23

    亚马逊广告联盟注册使用教程

    亚马逊广告联盟已经进驻中国,这应该说是中国站…

  5. 没有图片

    2009.12.10

    用Box.net打造个人音乐盒

    好久没上Box.net免费网络存储空间了,今…

  6. 2014.11.21

    一段代码屏蔽谷歌字体,加载WordPress后台加载速度

    自谷歌服务被天朝屏蔽了之后,WordPres…

评论

  1. 王者兄弟连 2011.12.08 1:14下午

    我是来试验的….没有显示啊???

  2. 倡萌 2011.04.19 9:41下午

    果然有效啊

  3. 白龙 2011.04.19 8:02下午

    白龙来过~~~

  4. 朽才 2011.04.18 10:02下午

    这个我还没有呢,试试看。
    喜欢博主分享。

  5. 韩国 2011.04.16 7:07下午

    实践后在体验,两不误。

  6. 许岑 2011.04.16 5:24下午

    华丽大过实用啊

  7. 学夫子 2011.04.15 11:35下午

    这个我有,哈哈……

  8. Louis Han 2011.04.15 5:50下午

    嗯 这个功能还是很实用的

  9. 宋成龙 2011.04.15 1:57下午

    试试。