今天早上看到“好名字要隐藏”给白雪山博客的评论说“你的评论都不显示头像,哎,好像来炫耀一下我的头像啊。”于是我就开始要找一个方法了,原来一直也是看着感觉别人上面都有,看起来真是不错。大家要求嘛,,那咱就也弄一个吧,目前只是简单的加上去了位置方面还没有调整很好。具体方法如下:
首先是从其他地方了解天这个需要用到Gravatar,Gravatar是做电子邮件帐户与图片(头像)绑定服务的。Gravatar的这项服务,现在互联网上十分流行,多见于应用在博客评论回复中。如何也在Z-Blog中添加Gravatar头像呢?
代码:
<img alt="Gravatar Icon" src="http://www.gravatar.com/avatar.php?gravatar_id=<#article/comment/emailmd5#>"/>
在Z-Blog 的 b_article_comment.html 文件模板中,将上面的代码插入你想添加头像的位置。然后文件重建即可。
举例白雪山博客是如何添加代码的?
<ul class="msg">
<li class="msgname"><span class="comment-quote-icon"><a onclick="InsertQuote(this.parentNode.parentNode.parentNode.getElementsByTagName('a')[2].innerHTML,this.parentNode.parentNode.parentNode.getElementsByTagName('li')[2].innerHTML);return false;" ><img height="32" width="32" src="http://www.gravatar.com/avatar.php?gravatar_id=<#article/comment/emailmd5#>"/></a></span> <a name="cmt<#article/comment/id#>"><#article/comment/count#></a>.<a><#article/comment/name#></a></li>
<li class="msgurl"><a href="<#article/comment/urlencoder#>" rel="nofollow" target="_blank"><#article/comment/url#></a></li>
<li class="msgarticle"><#article/comment/content#></li>
<li class="msgtime"><#article/comment/posttime#> <a href="#comment" onclick="RevertComment('<#article/comment/id#>')"><#ZC_MSG265#></a></li>
</ul>
其中height="32" width="32" 是控制头像显示尺寸的,如果不加这个代码图片就有些大了。
最后说明一下,要想实现这样的效果还有2个步要走:
1、已经在Gravatar 网站上完成电子邮件与头像的绑定,并确认激活。
2、评论回复时,需要填写邮件地址项目。