Noname: Thumbnail Looks Blurry on Homepage

Blogger thumbnail blurry after new Blogger (core) update. Because of new photo URLs (blogger.googleusercontent.com) are not supported by scripts in old custom templates. The old one using URLs 1.bp.blogspot.com, 2.bp.blogspot.com, etc.

So, there is you must to do to repair that problems.

1. Open your Blogger Dashboard. Click on Theme > Edit HTML
2. Find and replace this JavaScript:

<script type='text/javascript'>
//<![CDATA[
function resizeThumb(e,t){for(var g=document.getElementById(e),m=g.getElementsByTagName("img"),r=0;r<m.length;r++)m[r].src=m[r].src.replace(/\/s72\-c/,"/s"+t),m[r].width=t,m[r].height=t}resizeThumb("Blog1",540);
//]]>
</script>

3. With this:

<script>
//<![CDATA[
function resizeThumb(e,t){for(var g=document.getElementById(e),m=g.getElementsByTagName("img"),r=0;r<m.length;r++)m[r].src=m[r].src.replace(/s72-(c|.*?-c)/,"s"+t),m[r].width=t,m[r].height=t}resizeThumb("Blog1",540);
//]]>
</script>

4. Save your Theme. Click on Eye Icon
5. Enjoy it!

What Changed?

This code:

/\/s72\-c/,"/s"+t)

To this:

/s72-(c|.*?-c)/,"s"+t)

.:: Download Noname Template ::.