为zblog,wordpress添加留言评论头像
你想让自己的博客评论后显示自己独特的头像吗?只需要简单的几步就可以完成。
这个功能其实很简单,效果确非常好,你只需要在你博客主题的评论模板上添加一段调用gravatar头像的代码就可以了。zblog的评论显示头像的模板文件就是b_article_comment.html
操作方法
- 01
登入 Gravatar的网站设置好你要显示的头像
- 02
找到b_article_comment.html 文件,然后将下面的这段代码插入你想添加头像的位置。然后文件重建即可。
- 03
加入的代码<img alt="Gravatar Icon" src="http://www.gravatar.com/avatar.php? gravatar_id=<#article/comment/emailmd5#>"/>
- 04
比如我们网站添加的方式: <ol class="commentlist"> <li style="display: block;" class="comment depth-1" id="comment-<#article/comment/count#>"> <div class="c-floor"><a href="#comment-<#article/comment/count#>"><#article/comment/count#></a></div> <div class="c-avatar"><img alt="" src="http://www.gravatar.com/avatar/<#article/comment/emailmd5#>?d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Faafaa838988511ab9d5942afddc615a2.png?s=32&s=32&r=g" class="avatar avatar-36 photo" height="36" width="36" /></div> <div class="c-main"> <div class="c-meta"><span class="c-author"><a href="<#article/comment/urlencoder#>" rel="external nofollow" target="_blank"><#article/comment/name#></a></span><#article/comment/posttime#><a class="comment-reply-link" href="#respond" onclick="RevertComment('<#article/comment/id#>')">回复</a>& lt;/div> <#article/comment/content#> </div> </li> <div style="display:none;" id="divAjaxComment"></div></ol>
- 05
效果