Rounded Comment Avatar Image for Blogger

Wish to make your blogger default sqare comment avatar image little customization?What if it'll become rounded?like this idea?Then ok today we'll going to do this by putting some extra css code in your blog.

How to Do This?

• Login to Blogger Dashboard 
• Select the Template > Click on Edit HTML > Proceed
• Search for ]]></b:skin> and place the below code before it!

.avatar-image-container, .avatar-image-container img { max-width: 50px !important; width: 50px !important; max-height: 50px !important; height: 50px !important; padding: 0 !important; border: 0px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; } .avatar-image-container{ border:3px solid #fff !important; -webkit-box-shadow: 0 1px 2px #BBB; -moz-box-shadow: 0 1px 2px #BBB; box-shadow: 0 1px 2px #BBB; }

That's it,now save the template and you're done.

I guess it'll make you blog's comment section looks cute and will attract your reader to comment.Share your experience with us.