-->

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

12 comments

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

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

      </script></a>

      <b:else/>

______________________________________________________________________


replace red code with the new code that is given below 


<b:eval expr='resizeImage(data:post.thumbnailUrl, 200, "1:1")' />

____________________________________________________________________________

Second trick:-

Replace <a ............../a>

with code 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>


______________________________________________________________________________

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

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 .how to resize image thumbnails in blogger homepage

Similar Topics

12 comments

  1. hoga bhai website ka link btao or template ka name btao

    ReplyDelete
    Replies
    1. bhai mere me bhi nahi ho raha hai, option hi nahi hai esa kuch.

      website link:- https://knowladgekidunia.blogspot.com/
      template name:- masy

      Delete
  2. bhai kya minima colored 3 temmplate ka blur thik ho sakta hai bhai pls.

    ReplyDelete
  3. Bhai mera nahi ho raha hai.
    Template name:- Dzine
    Version: 2.O

    ReplyDelete
  4. अगर किसी भाई को समझ नहीं आया या प्रॉब्लम सोल्वे नहीं हुयी तो इस वीडियो को देखे ..और फिर भी समझ नहीं आया तो . वीडियो के कमेंट बॉक्स में कमेंट करे .. आपकी प्रॉब्लम को फिक्स करने की हर संभव कोशिश की जाएगी .


    video link :- watch this video for blurry thumb fix

    ReplyDelete
    Replies
    1. nahi ho rha karke dekh lia , option hi nahi hai/

      website link:- https://knowladgekidunia.blogspot.com/
      theme:- masy

      Delete
  5. game x blogger template me ye code hi nhi hai jo search krna hai. I think latest templates me system badal gya hai. iska koi solution hai.

    ReplyDelete
  6. Hello Sir,
    I am also a Blogger user But i don't have this code in my theme. why?

    ReplyDelete
  7. blur image to clear ho rahi hai but home page pe image ka size bahut hi large ho rha hai coloured minima 3 template

    ReplyDelete
  8. mere template me ye technic work ni kar raha. Aude sirf "You may like these posts" ye wala portion hi blurr hai. Please tell the solution for this.

    ReplyDelete
  9. how about "div class='post-image"
    My theme is : Jago Mag
    https://chosekitchengadget.blogspot.com
    Please give your valuable suggestion , where to change the code!

    ReplyDelete

Post a Comment