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.. :)

16 comments

  1. Ahmed // September 18, 2009 5:43:00 PM GMT  

    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 18, 2009 7:23:00 PM GMT  

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

  3. Sujan Sharma // September 19, 2009 2:46:00 AM GMT  

    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 2:54:00 AM GMT  

    @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. Sujan Sharma // September 19, 2009 4:07:00 AM GMT  

    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 19, 2009 3:04:00 PM GMT  

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

  7. الطالب // September 22, 2009 1:56:00 AM GMT  

    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 2:14:00 AM GMT  

    @الطالب,
    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. الطالب // October 5, 2009 9:34:00 AM GMT  

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

  10. Mike // October 6, 2009 6:09:00 AM GMT  

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

  11. Soufiane LeBlogger // October 23, 2009 10:18:00 PM GMT  

    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 12:07:00 AM GMT  

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

  13. DirtDigger (Tessa) // January 8, 2010 4:15:00 AM GMT  

    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 8, 2010 3:46:00 PM GMT  

    @Tessa,
    Ok, that would be better :)

  15. firdaus.a // January 17, 2010 2:49:00 PM GMT  

    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 10:50:00 AM GMT  

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

Post a Comment

Thank you for taking the time to comment..But don't waste it on spamming!

Recent Posts

Mike

Mike MoreAfter few years as a web developer, I started to like blogging as a way to improve my skills and to share knowledge too.

Subscribe by email

Enter your email address:

or via Full RSS Short RSS

Now, take a break

<connect> </connect>