How To Fix Homepage Thumbnails Blur Problem In Blogger Latest Version

How To Fix Thumbnails Blur Problem In Blogger Latest Version

Recently blogger updated to the new latest version, they have added so many new features and removed outdated features from the blogger. After new update old blogger version is facing the thumbnails image problem, you may have seen that the homepage thumbnails images become blurry after publishing the post. 

Old blogger thumbnail images calling javascript codes look like this:

<img class="post-thumbnail" src="'+e.replace(/\/s[0-9]+(\-c)?\//,
"/"+q.thumbnailSize+"/")+'" alt="'+d+'"></a>';-1!=e.indexOf("img.youtube.com")&&(c='<a class="thumbimgx" title="'+d+'" href="'+h+'"><img class="post-thumbnail" src="'+e.replace("default","0")+'" alt="'+d+'"></a>');k=k.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ")


How to Solve And Overcome From Blogger Blurry Thumbnails Images Problem In New Version?

Step 1) log in to blogger.com > Dashboard > Go to Themes 

Step 2) Edit HTML

Step 3 ) Edit your HTML code 

Copy the below code and replace it with your old HTML code.


<a class='thumbimgx' expr:href='data:post.url' expr:title='data:post.title'><span class='mark'/><img class='post-thumbnail' expr:alt='data:post.title' expr:src='resizeImage(data:post.firstImageUrl, 300)' height='72' itemprop='url image' width='150'/></a>

OR 


 <b:if cond='data:post.thumbnailUrl'><img class='post-thumb' expr:alt='data:post.title' height=' ' expr:src='resizeImage(data:post.firstImageUrl, 300)' expr:title='data:post.title' width=' '/></b:if>

Step 4 ) Save your Theme and done!

Note: Learn how to overcome and fix new blogger blurry thumbnails image problem in the latest version of the blogger. Fixed and solved blogger blurred image on homepage desktop and also on the mobile version.