Blogger Thumbnails Problem? A Quick Solution

Blogger Thumbnails Problem? well, here I am giving you a quick solution for our pro and free template users. Today (2nd March 2017) blogger changed their post thumbnail format (data:post-thumbnail). That's why many users are facing Blogspot blogger thumbnail problems. Their images are got blurry. Here are solutions.

Backup your template before start work for safety.

A quick solution for free users:

Go to blogger dashboard > Theme > Edit HTML and paste below javascript before </head>

 <script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(e,t){var n=620;var r=330;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c-k-no/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'"/>';if(t!="")return image_tag;else return""}
//]]>
</script>

Note: You can change your thumbnail width (n=620) and height (r=330).

Now Save Template

Permanent Solution for Pro users

Go to blogger dashboard > Theme > Edit HTML and find /s72-c/ by pressing Ctrl+F and replace it with /s72-c-k-no/

Now again find /\/s[0-9]+(\-c)?\// and replace it with /\/s[0-9]+(\-c-k-no)?\//

Now Save Template

Happy blogging. Thank you.