How to Fix Image Not Appearing on Blogger

 Currently, Blogger has started implementing a new User Interface (UI) alias for the Blogger editor. At first glance, this UI looks more clean and minimalistic than the old version. The display also becomes responsive when opened on a smaller screen such as a phone or tablet.

Yes, it looks really good. But there is one bug that bothers most users. For some reason, every post published through this new editor has no images in the RSS feed. Usually, images are contained in values media$thumbnail.URL

 {jistoc} $title={Table of Contents}

What's the downside?

Loss media$thumbnail.URL in the RSS feed causes the loss of images in custom widgets such as recent posts, related posts, and so on. This is because no value can be retrieved to display as an image.

As a developer of the Blogspot theme, I was quite confused by this new editor because so many users complained about the loss of images in the custom widget.

Why Can Errors Occur?

Investigate, it turns out that images uploaded through the new editor have a different URL format from the old editor. For comparison, here's the format:

OLD:

<img src="https://4.bp.blogspot.com/-l9SL8uvfOZ4/XyK8RBOTC6I/AAAAAAAAI0c/n0aRv-GmIGIZowsFKugwSoBj8iku2wRMwCLcBGAsYHQ/sXXXX/gambar.jpg"/>
NEW:
<img src="https://4.bp.blogspot.com/-l9SL8uvfOZ4/XyK8RBOTC6I/AAAAAAAAI0c/n0aRv-GmIGIZowsFKugwSoBj8iku2wRMwCLcBGAsYHQ/wXXX-hXXX/gambar.jpg"/>
in and are numbered, where the values vary according to the dimensions of the image size you want to display.

It turns out that this difference in URL formats has a big impact. If the URL does not contain, then the image will not be read in the RSS feed. The problem is, every image uploaded in Blogger's new editor does NOT have that format but is automatically replaced with.

It turns out that this difference in URL formats has a big impact. If the URL does not contain sXXXX, then the image will not be read in the RSS feed. The problem is, every image uploaded in Blogger's new editor does NOT have that format but is automatically replaced with wXXX-hXXX.

How to Show Thumbnail Image in your Site in Blogger's New Editor

This is the solution to fix the image not showing in the widget due to Blogger's new editor. As explained above, the solution is very simple.

  • Edit posts whose images don't appear in the custom widget.
  • Switch to HTML mode (not Compose).
  • Look at the image code and note the value of src. If it has the format wXXX-hXXX, then just change it to sXXXX.
  • Republish the post.
EXAMPLE:

Look at this:
<img src="https://4.bp.blogspot.com/-l9SL8uvfOZ4/XyK8RBOTC6I/AAAAAAAAI0c/n0aRv-GmIGIZowsFKugwSoBj8iku2wRMwCLcBGAsYHQ/w625-h351/gambar.jpg"/>

Change this:

<img src="https://4.bp.blogspot.com/-l9SL8uvfOZ4/XyK8RBOTC6I/AAAAAAAAI0c/n0aRv-GmIGIZowsFKugwSoBj8iku2wRMwCLcBGAsYHQ/s1600/gambar.jpg"/>

conclude

It will be very troublesome for users who don't want to be complicated, who usually post directly from Compose mode. If changing the URL format can have a big impact on the loss of images in the RSS feed, it's a good idea for Blogger to update the RSS feed as well. Because it's the new Blogger editor that changes the image URL format automatically, not the user.

So if the custom widget in your template suddenly doesn't show an image, whether it's a related post widget (related article), recent post (latest article), and so on, don't rush to curse the template that is being used. It could be that the problem is in the image format as described above.

That's how to fix images not appearing in related posts or recent Blogger posts because of the new editor. Hope it helps a little. We just use this method first while waiting for Blogger to do a better update.

Xander | Author

    Get our latest blog updates in your inbox

    Post a Comment

    -Advertisement-

    - Sponsored-

    -Advertisement-

    Recent Posts