Tuesday, August 2, 2011

How to appear Comments avatars in Blogspot?


Comments appearing avatars appear in Blogspot will depend on your template is used. 1. In the Settings Comments and enable Show the image file on the comment " 2. If you Template usual , after enable the

  

you will see the avatar Comment appear on the blog of you 

3. If you use Template customization , you will need to add some of the code for that template.  

First First in Design Edit HTML and back pattern .
Then check the 


Find the following code ( 1 ):

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

If you do not find it, look the code:
<dl id='comments-block'>

then replaced by the code ( 1 )

Next find and replace all the code
<a expr:name='data:comment.anchorName'/>

With the following:
<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>

If you want to add a default avatar for those who have no profile picture, then put the CSS code below on the code: ]]></ b: skin>

. Avatar-image-container { width: 35px; height: 35px;}. avatar-image-container img {border: none;} 

You can customize the CSS at your disposal. If you need a bigger avatar, use the CSS below. 

. Avatar-image-container {width: 50px; height: 50px; margin-top:-5px;}. Avatar-image-container img 

Wish you get the avatars Comments like that!


No comments:

Post a Comment