[ Fixed ] blur thumbnail issue in new version of blogger interface ( with video guide )

Ever since the new version of Blogger has arrived,resize thumbnail in blogger  a lot of bloggers have been bothered by the issue of Blurry thumbnails. In the old Blogger interface the thumbnail image was visible clear and clean , but in the new Blogger interface, the thumbnail on the homepage is not clear  as if someone had noticed Have done, my blogger friends asked if you have any solution for the new blogger thumbnail blur issue .

how to resize image thumbnails in blogger homepage

blur thumbnail issue

My dear friends, today I have found a solution for new blogger thumbnail problem . New blogger thumbnail issue in which you have to add a tiny code to your template. You will find this code in the description of video. Before copying this code, know that where is this code and how to add it. 

[Fixed ] image thumbnail are blurry in new  blogger 

how to resize image thumbnails in blogger homepage

watch this video for more information about hot to fix blur thumbnail in blogger new version

How to fix blurry thumbnail in blogger  :-

I do not know why this thumbnail is bluerd in homepage , Google may have come out with a new rule, which Manna is our duty. And some people say that to fix this error you have to install the new Blogger template. Some people are asking you to add very long and large codes but. In this article I am going to show you a very simple method which you can use to get rid of blur thumbnails in new blogger version homepage .

1 } --  Go to Blogger.

2 } -- Navigate to Edit HTML.

3 } --  Click anywhere in HTML code area.

4 } --  Press Ctrl+F from keyboard.

5 } --  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'>





replace this code with 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'/>



you have to only replace code from :-

<a expr:href=    ...............to............   </a>


How to resize image thumbnails in blogger homepage

palki 2 blur thumbnail fix 

you get three code of  <b:if cond='data:post.thumbnailUrl'> but you have to select third code .there you will found this code that is given below .

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

<a expr:href='data:post.url'><div class='post-image fade-in one'><span class='overlay'/><script type='text/javascript'>






now replace above code with code given below 

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

<a expr:href='data:post.url'><div class='post-image fade-in one'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 991, )' expr:title='data:post.title'/></div>




for more information  - click on link 

final words :-

this setting solve blurry thumbnail in new blogspot version . if you face any difficulty then please watch this video for help .how to resize image thumbnails in blogger homepage

और नया पुराने