|
How I know that my template is custom template or not ?
Go to Setting - Comments. Then select yes in "Show profil " . After that, look the post that have a comment or more. If you see space with avatar, photo, or blogger logo. Its mean your modification is succesfully. If it doesn't work well. Follow this step carefully ...Step 1
Find <dl id='comments-block'> code.
Then replace with <dl expr:class='data:post.avatarIndentClass' id='comments-block'> code.Step 2
Put this code ...<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
after <a expr:name='data:comment.anchorName'/> code. So, it be look like this ... <a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>Solution for blank avatar
The Blogger Avatar comment just working well ( show the photo profile ) when your blogger account logging in. So, if you comment as Name / URL is just appearing blank zone. For the solutions, add some pictures to discard the blank zone. For example I have a pictures with 32 px resolution here.. Put this CSS code after </b:skin> code
/* Avatar */
.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPV4gk1myb6y9tS9nkWZK-Vi46AxRkiQOd_UIumoFL329VqTBCNIgjmafpqZS-3Kw8zWvDnLz0yt4ofE0Fil2HrV8c7A0z7dviv0aHG5cTccGydSkd6u-1Th81Vdj0XDFC6rSkLTaEAu4R/s320/AvatarBlogger.png);
width:35px;
height:35px;
}
Then find and replace <a expr:name='data:comment.anchorName'/> code with this code ...
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
Overall, you have done to hack avatar comment for blogger. Save your work.
But this toturial don't show in my template
thanks for the post this post would be very useful.