skip to main | skip to sidebar

Blogger said: Show your face!
Google Blogger just Added another feature to show commenter avatar! So again. this is great, but if you have a customized template the avatars won't show up. So how to fix that..


How To Fix:
  • To enable profile images in your blog's comments, go to Settings | Comments.
  • If you still don't see avatars. Go to Layout > Edit HTML :. 
    1. Click "Download Full Template" to backup your template.
    2. Check "" to show full template.
    3. Look-up <b:if cond='data:comment.authorUrl'> and insert the following code right before it:
      <b:if cond='data:comment.favicon'>
         <img expr:src='data:comment.favicon' height='35px' width='35px'/>
      </b:if>
      <b:if cond='data:blog.enabledCommentProfileImages'>
         <data:comment.authorAvatarImage/>
      </b:if>

After Google Blogger 10th anniversary.. It started to present new features like:
But I'm waiting most for Pages & File hosting space.. :)

18 comments

  1. Ahmed // September 19, 2009 at 3:43:00 AM GMT+10  

    As I have customized layout, I tried your "Fix", but it didn't worked on my layout. Any clue??

    (I did found the code you mentioned, in my template and also added the code you have provided but got no result)

    Thank You!

    Arshad

  2. Mike // September 19, 2009 at 5:23:00 AM GMT+10  

    @Ahmed,
    Tell me your blog address.. or email me.

  3. Unknown // September 19, 2009 at 12:46:00 PM GMT+10  

    Hello Mike!

    I arrived here searching for this hack.

    I also tried and didn't worked for me too.

    my blog url is: http://sujanacharya.blogspot.com/

    I am using 3 column denim template, heavily customized though.

    Can it be fixed ?

    Thanks !

  4. Mike // September 19, 2009 at 12:54:00 PM GMT+10  

    @Sujan Sharma,
    Ya, it didn't come up! are you sure you've enabled profile images in Settings | Comments.
    for further assistance, you can email me your template.

  5. Unknown // September 19, 2009 at 2:07:00 PM GMT+10  

    Mike!

    Thanks for quick response. Yes, I have enabled that settings.

    Actually, I found another little long code, which worked. But, as that also removed my "Author's Comment" settings (highlighting of Author comment)I reverted back.

  6. Mike // September 20, 2009 at 1:04:00 AM GMT+10  

    @Sujan Sharma,
    You welcome.. I believe you can maintain the author's comment highlighting while adding the avatar feature..

  7. Anonymous // September 22, 2009 at 11:56:00 AM GMT+10  

    hi Mike
    you can update the tuto because it didn't work with all blogger templates for instance mine: i had to add .avatar-image-container img in the CSS but other templates even if my tip that i did it couldn't work so the solution up to now here :
    http://www.bloggerbuster.com/2007/05/about-author.html
    http://www.leblogger.com/2009/09/avatar-image-profil-commentaire-blogger.html

  8. Mike // September 22, 2009 at 12:14:00 PM GMT+10  

    @الطالب,
    Thanks buddy.. but CSS on leblogger.com is supposed to customize the avatar but not necessary for it work.
    He tries to put a background image behind the avatar in case the commenter was not using a Blogger account as it would show a transparent 1x1 gif image.

    Still, It is worth mentioning that Blogger CSS files defines the Style for the avatar by selector like this [#comments-block .avatar-image-container img] which will not apply on the avatar unless the comments container (dl or ol element) had the id="comments-block" !

    So, you need to look for <ol class="commentlist"> and replace with <ol class="commentlist" id="comments-block">.

    For bloggerbuster.com, I guess you mean this link: http://www.bloggerbuster.com/2009/09/profile-avatars-for-blogger-comments.html

  9. Anonymous // October 5, 2009 at 8:34:00 PM GMT+11  

    i did try what u ve said but it didnt work with my blog!

  10. Mike // October 6, 2009 at 5:09:00 PM GMT+11  

    @الطالب,
    for further assistance email me..!

  11. Soufiane // October 24, 2009 at 9:17:00 AM GMT+11  

    oh damn, it have been almost 10 days my avatar is only showing, the blogger team really took too much time to solve this ....

  12. Mike // October 24, 2009 at 11:07:00 AM GMT+11  

    @Soufiane,
    ya, sometimes the new feature of commenter avatar doesn't work!

  13. Tessa // January 8, 2010 at 3:15:00 PM GMT+11  

    Hello Mike,

    I've been looking all over the internet for instructions to do this- tried quite a few and still no avatars. This and one other hack is driving me crazy! I have a real blog and a test blog- my real blog was created first and I have hacked the heck out of it, trying most things out on my test blog first. I've been successful getting the avatars working on my test blog, but not my real blog- they are almost identical. I'll email you.

  14. Mike // January 9, 2010 at 2:46:00 AM GMT+11  

    @Tessa,
    Ok, that would be better :)

  15. Firdaus Ariefatosa // January 18, 2010 at 1:49:00 AM GMT+11  

    Hello Mike.. very nice to know that you are a quiet friendly responding all commentator.

    But, the point is.. :p i've been trying fixing my layout (even with step-by step solution) to show the avatar up... but just doesn't work... Any suggestion...?

    I know that my template all fully customized since over 2 years... so, i'm messed.. :)

    Thanks.

  16. Mike // January 18, 2010 at 9:50:00 PM GMT+11  

    @Firdaus,
    You can attach your template in a new email for me..

  17. Barang Unik // December 5, 2010 at 4:53:00 AM GMT+11  

    I was very encouraged to find this site. I wanted to thank you for this special read. I definitely savored every little bit of it and I have you bookmarked to check out new stuff you post.

  18. Mike // December 5, 2010 at 9:14:00 AM GMT+11  

    you welcome Barang, thanks for stopping by :)

Post a Comment

Thank you for taking the time to comment..
* If you have a tech issue with one of my plugins, you may email me on mike[at]moretechtips.net
More Tech Tips! | Technology tips on web development

Mike

Mike MoreWeb developer, jQuery plugin author, social media fan and Technology Blogger.
My favorite topics are: jQuery , Javascript , ASP.Net , Twitter , Google..
<connect with="me"> </connect>

Subscribe by email

Enter your email address:

or via RSS