How To Enable Avatars in Blogger Comments |Tempatnya Berbagi Info Media Online

If you use this hack, you can show Blogger profile image in Comments as Avatars. For your safety, first backup your blogger template. To enable avatars in blogger comments follow the steps below. If first method doesn't work for you, then follow the second method.

Method 1

1. Login to your blogger dashboard--> Settings--> Comments.

2. Enable Show profile images on comments.

3. Now Click on "Save Settings" and you are done.

Method 2

1. Login to your blogger dashboard--> Settings--> Comments.

2. Enable Show profile images on comments.

3. Now click on "Save Settings".

4. Go to Layout--> Edit HTML.

5. Click on "Expand Widget Template".

6. Now Search below code in your template [Ctrl + F].

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

NOTE : If you can find above code no problem. But if you can't find it then search :

<dl id='comments-block'>

<div id='comments-block'>

In your template.

Now Replace it with :

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

7. Now find below code :

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

NOTE : You can see above code one or more time.

8.Now Replace every above code (<a expr:name='data:comment.anchorName'/>) with below code:

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

9. Now find ]]></b:skin> tag in your template.
10. Copy below code and paste it just before ]]></b:skin> tag.

/* Avatar */
.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy9r0FiZ-veYFvjkQMAkVR4RRBJgKhoPQqO5ZjQ5QQxVtwQaH_ykxE-iqUKn_T07vzpkayliwL_wiMuhgdejuBilINACqoqBrDYaXaqaPi9w1v7_CvhyphenhyphenG-u2n3O8-NhhWsxhOC44P8w1I7/+avatar.png);
width:35px;
height:35px;
}

Jika menurut sobat artikel ini bermanfaat, silahkan vote ke Lintas Berita agar artikel ini bisa di baca oleh orang lain.