Increase Blogger Comments Avatar Resolution

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 Blogger.com, locate the edit HTML section of the template customization.

Step 2.

Using CTRL+ search for </head>

<script language=’javascript’ src=’https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js’ type=’text/javascript’/>
<script type=’text/javascript’>//<![CDATA[
/**
this script was written by Confluent Forms LLC http://www.confluentforms.com
for the BlogXpertise website http://www.blogxpertise.com
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)});
    image.attr(‘width’,dimension);
    image.attr(‘height’,dimension);
  });
});
//]]></script>

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.

Related Articles

  • Make Blogger Blog Fully Responsive And Mobile Friendly
  • 5 SEO Ranking Factors Learnt From Linda Ikeji’s Blog
  • Increase SMO – Properly Link Facebook To Your Blogger Blog
  • 9 Brainstorming Tips To Come Up With Great Blog Post Ideas
  • How I Get Countless Retweets And Likes With Less Than 600 Twitter Followers
  • MBT Blogger Horizontal Share Button With Counter
  • One Comment - Post Yours! How to? ▼

    Leave a Reply

    0 Shares
    Share
    +1
    Tweet
    Pin
    Share
    Stumble