Enable/Show Profile Picture with Blogger Comments

Saturday, 10 November 2012

Enable/Show Profile Picture with Blogger Comments

If your blog does not display profile picture with comments, then do not worry. Today I am telling you that how you can enable Profile Picture along with the comments. Follow the procedure.

1- Login to you blogger dashboard

2- Click "More Option" against your required blog name (just before "View Blog" option)
3- Select "Template" and Backup/Restore your Template.

4- Click "Edit HTML" and then Select Proceed and check Expand Widget Templates.

5- Press Ctrl+F and search the following code.

<dl id='comments-block'>

Replace the above code with the following.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

6- Now Search this one.

<a expr:name='data:comment.anchorName'/>

Just above/before it paste this coding.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

7- Save your template and now check your comments. Problem solved. :-)