Fix Image Thumbnails In Blogger Popular Posts

You may have noticed that for the past couple of days any new posts you write refuse to show up with thumbnails in the Popular Posts widget (the official one!). There is a temporary fix floating around the internet that I will outline below. Hopefully Blogger will get this fixed automatically.

The problem has something to do with the image hosting for the thumbnails, but I won't go into that. In order to get the thumbnails to show you need to do the following to the first picture in your post, you do not need to do it for all.

After adding the picture into your post, switch to Edit HTML. In this section you will find a part that looks like the following (look for the first one, at the top):

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.nintendo.co.uk/NOE/en_GB/nintendo_3ds_23802.html"
 imageanchor="1" style="margin-left: 1em; margin-right: 1em;"
 target="_blank&quot;"><img alt="Nintendo 3DS Logo" border="0" height="56"
src="https://lh6.googleusercontent.com/--AWSNblmvZA/TWt8UC2yFDI/AAAAAAAAAI0/vY8suL7AggQ/s400/3DS+Logo.png" title="Nintendo 3DS Logo" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">

You need to change what is highlighted in orange to the following:

src="http://lh6.ggpht.com/--

You can do this to older posts too by editing them after and it will load up new thumbnails in the widget. (The part where is says "lh6" may be different for your images so leave it as it appears in yours.)

This does work, but it needs to be done to all posts so I hope Google gets this fixed as soon as possible.