Yes,this is Google's new feature to mark its 10th Birthday! ;)
A>In case of Default Blogger Template, follow these steps..
i>Go to Settings->Comments->'Show Profile Images on Comments'->Check 'Yes'
ii>Save and close
iii> Visit a post and see if the Avatars appear beside the comments like this..
B>In case of 'Third Party Templates',the above instructions does not work,so you need to follow this..
1>Go to Layout->Edit Html-> Then tick(check) the 'Expand Widget Template Box'
2>Search for this code
<dl id='comments-block'>
If not found,then search for this code
<div id='comments-block'>
3>Replace with this code
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
4>Then locate this code
<a expr:name='data:comment.anchorName'/>
5>Immediately before this line,paste the following section of 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>Save the template,close and view your blog.The avatars start appearing next to the comments
NOTE:
In case you are unable to find the code specified in line 4,then find
</b:if> tag(shown in Red)in the code below..
<dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post..........'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/> </b:if>
and add
<a expr:name='data:comment.anchorName'/> before </b:if>
and continue with step 5.
Save your template->Close->View your blog.
The avatars will start appearing beside your comments
Blogger Templates
0 comments:
Post a Comment