Easy to change Avatar Size in Blogger comments

There are lots of Blogger templates available online, but in some cases we have change few features which are not at good look, to make better performance look and to attract blog visitors/blog readers more you have change specific categories in the bloggger templates. So, here you find how to change the avatar size in Blogger comments. To do this we required CSS codes to install on your blogger blog template.
Sign into your blogger blog

After signing Click on “Design”  Tab, - Click on “Edit HTML”
Expand the Widget Template
Before you do this experiment it is requested to backup your template, so that if anything goes wrong you can reuse it again
Then Search for code

]]></b:skin>

After finding the above code just before paste the below code

.comments .avatar-image-container{
background-color: rgb(34, 34, 34);
border:1px solid #ccc;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
width: 64px;
max-height: 64px;
}
.comments .avatar-image-container img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 64px;
height: 64px;
}

Old blogger commenting interface system, paste this below code

.avatar-image-container{
border:1px solid #d6d6d6;
margin-left: -30px;
-moz-border-radius: 4px;
background:#fff;
height:70px;
min-height: 70px;
width:70px;
min-width:70px;
}
.avatar-image-container img {
background: url( image url );
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:70px;
min-width:70px;
height:70px;
min-height:70px;
}

According to your requirements change the width and height of the avatars as highlighted in red.
If you want to insert any background image then replace “image url” highlighted with your image url.
After successful pasting the above code “Save the Template” and preview your blog..