-->

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

Ever since the new version of Blogger has arrived, 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 .

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. 

fix blur thumbnail in blogger


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



How to fix the issue :-

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

document.write(fs_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));

      </script></a>

      <b:else/>

______________________________________________________________________


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'/>

   </a> 

<b:else/>


you have to only replace code from :-


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


______________________________________________________________________________

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

document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));

</script></div>

</a>

<b:else/>

-_______________________________________________________________________________________

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>

</a>

<b:else/>

____________________________________________________________________________________

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 .

2 comments


EmoticonEmoticon