15 February 2010

How to Place a Default Avatar for Those Who Don't Have Profile Picture?

Well, we all know how to display avatars besides Blogger comments. If not, check this out: Profile Avatars for Blogger Comments. This, however, works only for those who have profile pictures. But you may want to place a default profile picture for those who do not have one.

Just follow the instructions below:

1) Navigate to Layout>Edit HTML from your dashboard.
2) Make a back up of your template before you do any changes in the template, just in case!
3) Expand your template by checking Expand Widget Template check box.
4) Now, place the following piece of code above the line: ]]>


.avatar-image-container{background:url(YOUR DEFAULT AVATAR'S URL); width:35px;height:35px; }
.avatar-image-container img { border:none;}

5) Save your template.

Done!

For more information, read Display Avatars Besides Comments in Blogger