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

12 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:17: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!

Post a Comment

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

Recent Posts

Mike

Mike More After few years as a web developer, I started to like blogging as a way to improve my skills and to share knowledge too. My favorite topics are ASP.Net,ASP, JavaScript, jQuery, XML and SQL Server.

Subscribe by email

Enter your email address:

or via RSS Feed

Now, take a break

<connect></connect>