Saturday, September 19, 2009

Comments with Avatars

Now you can display the Avatars(profile pictures) of the commenters beside the comments on your comment page!
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

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
Blogger Templates
Twitter Delicious Facebook Digg Stumbleupon Favorites More




Disabling Right Clicks

Recent Readers

Recent Viewers

Blog Metamorphosis Copyright © 2009 WoodMag is Designed by Ipietoon for Free Blogger Template

--added by swathi