Z-Blog添加Gravatar头像到日志评论里

作者:vich 发布于 2008-10-5 23:24 评论(29)人阅读

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;" href=""><img src="<#ZC_BLOG_HOST#>image/common/quote.gif" height="9" width="9" alt="quote" title="quote" /></a></span>&nbsp;<a name="cmt<#article/comment/id#>"><#article/comment/count#></a>.<img height="32" width="32" alt="Gravatar Icon" src="http://www.gravatar.com/avatar.php?gravatar_id=<#article/comment/emailmd5#>"/><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#>&nbsp;<a href="#comment" onclick="RevertComment('<#article/comment/id#>')"><#ZC_MSG265#></a></li>
</ul>

其中height="32" width="32" 是控制头像显示尺寸的。

添加此代码后,评论效果如下图

另外要想实现这样的效果还有2个条件:

1、已经在Gravatar 网站上完成电子邮件与头像的绑定,并确认激活。

2、评论回复时,需要填写邮件地址项目。

转载请注明:转载自微风博客

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

我的SNS

相关标签

最新文章

技术摘要

最新评论及回复

热门文章