Powered by Blogger.

How to upload an image for your commenting profile

If you choose to comment using your Blogger profile and do not currently have a profile photo uploaded, you can quickly add a photo while posting a comment.

To do this, write your comment as normal and click the "Preview" button. In this preview section, you will be able to upload a profile image which will be displayed instead of the default Blogger favicon:

To edit an existing profile image, go to your Blogger dashboard and click the "Edit Photo" link beside your current profile image. This is the image which will be displayed beside comments posted on Blogger blogs for which this feature has been enabled.

Notes on Blogger's Comment Avatars so far...

Here's a few observations about the new comment avatar function, which may offer some insight into how this currently works:

Whose avatars will be displayed?

At present, comment avatars are only enabled for those using their Blogger/Google profile for their identity. Those who use the "Anonymous", "Name/URL" or other options when commenting cannot yet have a profile image displayed.

When using OpenID, Wordpress, LiveJournal, Typepad or AIM, the OpenID favicon will be displayed instead. Those commenting anonymously or using the "Name/URL" option will have no image displayed.

Of course, there is every possibility that the Blogger Team may soon, enabling those using other methods of identifying themselves when commenting to upload a profile image for display.

Can these profile images be styled differently?

It is certainly possible to style the way comment avatars appear in our blogs. Style may appear inline, as can be seen in the default implementation of this upgrade:
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;'width='35px'/>
It is also possible to style these images by adding declarations to the <b:skin> section of our templates using the following classes:
  • .avatar-image-container - the overall container in which the profile images are housed
  • .avatar-image-container img - to style the actual image, using borders, padding, background-color, etc.
I'll experiment with this in more detail over the weekend, particularly with reference to comment identities for whom avatars cannot be displayed (yet), and will post full details as soon as possible.

Avatars load after other content on the page

The script used to display the avatars on post pages is set to load after other content on the page. This may mean a few seconds' delay between the initial page load, and the avatars appearing beside comments.

What do you think of this new feature?

I am very happy that we are now able to display avatars beside our comments, but still feel there is room for improvement, particularly as those who do not have a Google account are unable to display their profile photo. I hope that in the future, the ability for anyone to upload their photo will become possible (or that at least a generic image could be displayed instead).

After I'd mentioned this on Twitter, I discovered some rather mixed reactions to the news - many complained that this feature should have been implemented far sooner, or expressed their preference for using Disqus comments instead.

So what's your opinion? Will you use this new function in your own Blogger blog(s)?

Please feel free to tell us your thoughts by leaving your comments below.


Artikel Terpopuler


Blogumulus by Roy Tanck and Amanda Fazani