I See many blogs that have no add profile pictures in their blog comments section. So today I am coming with one latest article. In this article I will completely tell you how you can add profile picture in you blog comment section.
Many readers of my blogs ask this question. So today I will remove all of your mind question’s. This is not a big problem you only add some code that I will give you in this article you simply add this code in your template and hit on save so you see comments avatar are show in comment section.
Why Your Profile Picture Don’t Show In Comments?
Actually this problem in your template that you use on you website. If you use blogger templates so I hope you don’t got this problem or if you use third party template mean you download anywhere and upload it on your template so you got this problem and one other thing if you change you template so you also solve this problem. But I know every one are love their blog template and don’t want to change this so don’t worry this is just little problem not a big and you solve this in only few mints.
How To Show Photo of Commentators in Blogger?
Ok so let start a procedure you simply follow my these steps and Apply on you blog.
1.Log in to your Blogger account and Click On Template>> Edit HtML and Check the box [Expand widget templates].
2. Find the below code in you template [ using Ctrl + F]
<dl id='comments-block'>
3. after finding above code Replace it with Below Code.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
4. Know find again below Code in you Template.
<a expr:name='data:comment.anchorName'/>
5. After Finding this Code Past Below Code before the above code.
<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>
6. Remember if you use [Author Commenting Highlighted in your Template] so Past this code
<a expr:name='data:comment.anchorName'/>[second time].7. ok Save your Template and see a new look of your Comment section.
I hope you easily understand with these my simple steps. If you got any problem in this so ask me by giving a comment in below post and also subscribe latest updates via E-mail.
