How to Fix Blur Thumbnail Problem in Blogger Website How to Fix Blur Thumbnails in Blogger Website.  So friend, as you know, when we write...

 

How to Fix Blur Thumbnail Problem in Blogger Website

How to Fix Blur Thumbnails in Blogger Website. So friend, as you know, when we write any content on your blog, we put a thumbnail in it, So when we open the post, we see the thumbnail blur of the post, that is, we cannot see it clearly. So in today's article, I will tell you how to fix the blur thumbnail problem in the blogger website.

Blogger thumbnail issue in Blur's new Update

Ever since the new update of Blogger has come out, a lot of bloggers are troubled by the issue of blurry thumbnails.

The Thumbnail images used to be clear and visible in the old blogger interface, but thumbnails are not visible on the homepage after the new blogger update.

Some of my readers noticed this and asked me if you have any solution for the new blogger thumbnail blur problem.So friends, today I have got the solution for the new blogger thumbnail problem. New blogger thumbnail issue in which you have to add a little code to your template. 

So I will give this code to you below, with the help of this code your problem will be solved, and also I will tell you where and how to use the code.

How to fix blur thumbnails in blogger

I don't know why this thumbnail on the homepage is blurry, maybe google has come up with a new rule, which manna is our duty. And some people say that you need to install a new blogger template to fix this error. Some people are asking you to add very long and big codes but. In this article, I am going to show you a lot.

A simple method that you can use to get rid of blur thumbnails on the homepage of a new blogger Update.

• Go to Blogger.
• Navigate to Edit HTML.
• Click anywhere in the HTML code area.
• Press Ctrl+F from the keyboard.
• Search below code:             
• 
  
• 
  
• 
  
•                                                                                                                               
  
• 
  
• 
  
• <b:if cond='data:post.thumbnailUrl'>

Now you get this code:
<b:if cond='data:post.thumbnailUrl'>

      <a expr:href='data:post.url'><script type='text/javascript'>
document.write(fs_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
      </script></a>

      <b:else/>



Now replace this code with the new code that is given below:

<b:if cond='data:post.thumbnailUrl'>

<a expr:href='data:post.url'>
<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 991, )' expr:title='data:post.title'/>
   </a> 

<b:else/>