How To Fix Homepage Thumbnails Blur Problem In Blogger Latest Version

0 /

Also Read

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("")&&(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 > 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>


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


Tip and tricks for How to overcome and fix latest blogger new version homepage blurry images issue. Image becoming blurred of my blog and website.



Post a comment Blogger Disqus

0 Comments on "How To Fix Homepage Thumbnails Blur Problem In Blogger Latest Version" So Far - Comment Now!
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Team Bloggersstand