Blurred or broken images in recent posts with thumbnails (Blogger)

You add a css widget to display recent posts with thumbnails, but the thumbnails just look blurred or broken, although the images in your blogs look just fine. How to solve this?

_________

RELATED:

☫

Clearing formatting of images in your posts

The reason for blurred thumbnails may come from the format of image in your posts. You may try to clear the format of the image.

Click on the image in your post editor ➤ Click on the "More Options" on the tool panel (3 dots ...) ➤ Click on Clear Formatting. 

Changing the thumbnail widget's css code a little bit

It depends on what css code of the thumbnail widgets you use, the reason can come from it. 

In case there's following code in your thumbnail css widget,

if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)

then you may try to replace "media" with "image":

if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.image$thumbnail.url;}catch(error)

Just try to see if it works. Good luck!

Enable privacy-enhanced mode when embedding Youtube videos

When you embed a Youtube video in your post, the Youtube video's thumbnail may look blurry. To solve this, you can tick "Enable privacy-enhanced mode" in the embedding panel before copying the code.

In this case, "nocookie" is added to the embedded link.

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/kyQvT3ju4BI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

📂 TRENDING MOVIES Follow us In the cinema with ... Search us

TRENDING