Tuesday, August 28, 2012

How to Change Avatar Size In Blogger Comments

Author: Gagan Masoun
How to Change Avatar Size In Blogger CommentsIf you missed our previous article, then you should read here - 5 Pinterest Tips For Bloggers.Comments are most important part of any blog.With the help of comments your blog readers can ask questions, give suggestions or opinions about the tutorial.So, if your blog comments section working perfectly and attractive then you will get more comments for your posts.

In this tutorial, I will tell you How to Change Avatar Size In Blogger Comments.For changing the size of avatar, you should add simple CSS code in your Blogger template. The default size of an avatar is 32x32px but you can replace it using CSS.Let's start the tutorial:

You May Like To Read:
  1. Add Bubble Comments Count In Blogger Post Title
  2. How To Add A Reply Button To Blogger Comments
  3. How To Install IntenseDebate Comment System In Blogger
  4. How To Add Beautiful Background On Comment Box In Blogger Blog

How to Change Avatar Size In Blogger Comments

  • Go to Blogger Dashboard > Choose Your Blog > Template
  • Choose Customize > Advanced > Add CSS
  • Copy and Paste Given Code Into The CSS Section 
  • Click Apply To Blog
.comments .avatar-image-container{background-color:#fff;border:1px solid #ccc;width:64px;max-height:64px;margin:0 10px 0 0;padding:0}
.comments .avatar-image-container img{max-width:64px;height:64px;margin:0;padding:0}
  • If You Are Using Old Blogger Commenting System
 .avatar-image-container{border:1px solid #ccc;margin-left:-30px;border-radius:4px;background:#fff;height:70px;min-height:70px;width:70px;min-width:70px}
.avatar-image-container img{background-size:100%;width:70px;min-width:70px;height:70px;min-height:70px}
  • For Any Further Avatar Size, Change The Values In Yellow Highlighted Code.
  • Save Your Template and Its Done
If you need our help ask via comments or contact us directly.Blessings and peace. :)


Post a Comment