Jul 18, 2021

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






No comments:

Post a Comment


Featured Post

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 bl...

Popular Posts