How to Display Blank Avatars / Default Avatar comment

One thing I do not like the comment avatars bloggers because it is not capable of displaying avatars avatars other than bloggers themselves. Which is more or less enjoyable, comments can only display the avatar photo profile if we are only in a state status log. So do not expect the avatar will appear if we simply enter the URL address of course, this would reduce the terms of neatness of appearance, because it will see an empty space without adorned avatar altogether.

Now for the avatar space is not empty, we try to add a new avatar in the form of default on the blank avatar images, follow the way below

Put the CSS code below the above code]]> </b:skin>

/* Avatar */
.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0nW6d0Ii-1bXb_2vZQTAUbpgwC0D3yOt2GQH4kBctWEGrrRRw9GCtBPE51k4joPpac65JiRP6qqy9RfqxRtryClUwnrCyMZRSXoFgWMAVTKAjm_EAGc44aSrUx8Qo4Km0ScW_IzzoqVck/s320/AvatarBlogger.png);
width:35px;
height:35px;
}

Find the code below.

<a expr:name='data:comment.anchorName'/>  

Then replace the above code with the code below.

<b:if cond='data:comment.favicon'>

<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>

</b:if> 

Good luck

Related Articles