How to Fix Image Not Appearing in Custom Widget Due To The New Blogger Editor

I will be showing you How to Fix Image Not Appearing in Custom Widget Due To The New Blogger Editor.

Many people who blog on the blogger platform may have noticed a recent change to the blogger interface. If you are still clueless about the features of this new interface, read this post on All You Need To Know About The New Blogger Version.

We noticed that for some unknown reasons, posts published through the new blogger editor do not contain images from posts on custom widgets like related posts, recent posts and so on. 

We have discussed this cause of this minor issue/error. The new blogger editor has made some changes to the url structure of images in published articles. For example, there is a portion of the image url which have something like sXXXX (eg s1600), but this has been changed to wXXX-hXXX.

Note that the three X are in numbers, and they vary according to the size of images.

Now, if the image contains the new format it will not appear on your custom widgets. I have added screenshots of how to fix this issue below. 

How to Fix Image Errors In Blogger Custom Widgets

Follow these steps below to fix this issue on your blog.

affected image

1. Open your blogger post editor, switch to HTML mode and locate the affected image. As for the above image you can see that the image for that post is not available on that widget.

2. Find wXXX-hXXX on the image url. 

3. Replace it with s1600 and save.

This is the final result.

Fixed image

This is the best fix for this issue and also note that adding s1600 to your image url doesn't corrupt the file, it is safe.

Final words 

I hope you have been able to learn How to Fix Image Not Appearing in Custom Widget Due To The New Blogger Editor. If you are still experiencing any issues let us know through the comments section below.