How to Fix Blogger Newly Created Thumbnail Blurry Issue
Share This
Pretty posts
Today a lot of blogger facing a problem such as there website thumbnail (representative picture for the article) now looking bigger and blurry. May be blogger updated something so we faced this problem. I already faced this problem in my created blogger templates and i fixed it by updated. Let's see, how i fix it.
Step 1: Go to Blogger.
Step 2: Click on
Step 3: Click anywhere inside the code area.
Step 4: Press
Step 4: Search following code. (May be you will find this code in your read more script or other, see where this work, you can try one by one)
That's it. I think that your problem will be solved. If not, you can tell me by comment, i am always ready to help you.
Step 1: Go to Blogger.
Step 2: Click on
Theme>Edit HTML.Step 3: Click anywhere inside the code area.
Step 4: Press
Ctrl+F from keyboard.Step 4: Search following code. (May be you will find this code in your read more script or other, see where this work, you can try one by one)
s72-cStep 5: After find, replace it by following code.
s72-c-k-noAs shown below, is sample for my all created blogger templates, you script may be difference.
That's it. I think that your problem will be solved. If not, you can tell me by comment, i am always ready to help you.
Thanks so much for this!!! Much appreciated.
ReplyDeleteThink my blogger as no problem related to that
ReplyDeleteYes, blogger fixed their problem with s72-c so you don't need to follow this tutorial, now.
DeleteAssalam Alaikum... thumbnails of my post slidder is very blurry can you tell me the solution please my blog is https://manzarminds.blogspot.com/
ReplyDeleteOww li kum salam, i have seen that you thumbnail image sized is very low but your slider images width and height is long so you facing this problem. Try to replace image width and height from javascript code.
Deletei am trying but i cant understand where and how to change the size please help me i am a new blogger i don't have so much awareness about this...thank you.
ReplyDeleteHi, send message by contact us link and i will personally help you to fix your problem.
DeleteHello, I'm facing the same issue about the thumbnail being blurry on my blog. My blog is http://www.somebodycrafts.com/. Appreciate if you could advice what I should be editing. The icons for social media also doesn't seem to be showing up.
ReplyDeleteThanks a lot in advance for your help!
Yea i have seen your site. Your actual image size is 72x72 that automatically generate by blogger. So you need to change 72x72 image width and height. Paste following code before </body> tags.
Delete[pre]<script type="text/javascript">
(function($) {
$(".image-wrap").find("img").each(function(b, a) {
a = $(a);
a.attr({
src: a.attr("src").replace(/s72-c/, "w407-h408")
});
a.attr("width", 407);
a.attr("height", 408)
});
}(jQuery));
</script>[/pre]
How this code work: First i have checked your image class that is .image-wrap then from image link, i replace s72-c text with w407-h408 . If you want you can change width and height.
Dear codi, would you mind looking into my blog silverfitnesslab.blogspot.my.
ReplyDeleteThe thumbnail for the blog posts were blurry and i could not find the respective code for the thumbnail resize.
Would you please advise on corrective measure? Thanks.
P/s : if u need the script for your reference, kindly do inform so i can email it to you.
I have seen your site. See my above comment and just replace image-wrap text with imageContainer then follow all like i told.
Delete