How To Change Avatar Size In Blogger Comments

This simple trick will help you modify the avatars size in Blogger comments whose default size is of 36px... pretty small considering that a lot of sites these days are using much larger avatars. To change the style and size of avatars is very easy - you just need to add the CSS code in your Blogger template that will make size of avatars to have width and height of 64px.

Step 1. Go to Dashboard - Template - click on the Edit HTML button

...click anywhere inside the code area and press CTRL + F to open the blogger' search box

Step 2. Type or paste this tag inside the search box and hit Enter to find it:

]]></b:skin>

Note: you may need to click on the arrow next to it and then search this tag again

Step 3. Depending on which comment system you use (with reply/no reply), copy and paste one of the following codes just above it:

[Works in Blogger threaded comment system]

.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;
}

[for old blogger commenting system]

.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1G3fodEIlV5LMUPlvSdar8SL-B_YyZYIOKlIrkvIc8HG-Wkry5-ZY95gA7hXZeKQGYjWfuhLNX-u7AEy1QGISGjk96-aH6SiGi700ggxgxiIgtfm0l1gp3fbZA9-XTBGQDRM4xnlKXR4/s200/anonymous.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:70px;
min-width:70px;
height:70px;
min-height:70px;
}

Note: For bigger/smaller avatars, change the values in red. To change the anonymous avatar, replace the URLs in blue with your own. (works only for the old commenting system i.e. that has no reply option)

Step 4. Cick on the Save template button to apply the changes.

That's it. Now the Blogger comments avatars should look bigger.

Insurance domains yahoo Conference Call Mortgage STRUCTURED ANNUITY SETTLEMENT donate old cars to charity AUTO ACCIDENT LAWYER DENVER Health Dreamhost Loans Recovery Classes How much to sell domain name for Gas/Electricity Loans And Donation Tourism or Travel Blogs Based On Donations Trading SELLING A STRUCTURED SETTLEMENT ANNUITY Claim Donate Credit Software Transfer Insurance Blogs How to donate a car in California Health Business Degree Lawyer Hosting iPage · Better Conferencing Calls Rehab Attomey Treatment MISSISSIPPI MESOTHELIOMA LAWYER mesothelioma attorneys california domain registration yahoo Online Colleges Cord Blood Web Hosting and Domains small business administration sba Donate car for tax credit Fastest VPS hosting Attormey NUNAVUT CULTURE · Mortgage Adviser · PaperPort Promotional Code Mesothelioma Law Firm mesothelioma survival rates Donate Car to Charity California Donate Car for Tax Credit ANNUITY SETTLEMENT SEO Car insurance quotes Colorado online making money DAYTON FREIGHT LINES structured settlement annuity companies Donate car to charity California structured settlements annuities structured settlement buyer