Last Updated on

Blogger (blogspot) provide its users with small comment avatar thumbnail images and many of us are tempted to change the size of the comments avatar but when we do this, we start getting blurry images which is ugly because you hardly recognize the face of the commenter.
Increase Blogger Comments Avatar Resolution
Today, we will be fixing blogger comment avatar blurry images by simply increasing the thumbnail resolution. Whether you have increased the size of the avatar or not, this will work great on your blog and will make your blog look neat.

Increase Blogger Comment Thumbnail Avatar Resolution

Step 1.

Logon to, locate the edit HTML section of the template customization.

Step 2.

Using CTRL+ search for </head>

<script language=’javascript’ src=’’ type=’text/javascript’/>
<script type=’text/javascript’>//<![CDATA[
this script was written by Confluent Forms LLC
for the BlogXpertise website
any updates to this script will be posted to BlogXpertise
please leave this message and give credit where credit is due!
$(document).ready(function() {
  // change the dimension variable below to be the pixel size you want
  var dimension = 640;
  // this identifies the Mobile Index Thumbnail div element, finds each image in it, and resizes it
  $(‘#comments’).find(‘img’).each(function(n, image){
    var image = $(image);
    image.attr({src : image.attr(‘src’).replace(/sBd{2,4}/,’s’ + dimension)});

Now copy the above code and paste it just above </head>.

Step 3. – Optional

Replace #comments with the “ID” of any widget you want to increase its thumbnail size.

Step 4

Now finally save the settings and check out the comment avatar of your blog.
Hope the tutorial was successful and it worked well for you. Sharing is caring an should in case you have any questions, do share with me at the comment box.