Friday, April 08, 2011

Photos Recently Uploaded In Blog Posts Don't Display Properly, As Thumbnails - Part 2

Last week, we explored a problem with photos not displaying properly in the blog. A few blog owners have noted the published fix
Edit the post HTML and remove all "height = 0" and "width = 0" attributes.
Recently, we're seeing suggestions that the above suggestion helps - but not always.
I looked at another post that said to manually remove the height and width = 0 tag from Edit HTML tab of the new post editor, but that has not solved the problem.

Looking at the HTML in some blogs, we can see another, similarly interesting detail. Here's an example.

<a href="https://lh6.googleusercontent.com/-g86kitum7rQ/TY0phqSKT3I/AAAAAAAAG5A/VLf1YQNHbew/s1600/DSC_3337.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img r6="true" src="https://lh6.googleusercontent.com/-g86kitum7rQ/TY0phqSKT3I/AAAAAAAAG5A/VLf1YQNHbew/s1600/DSC_3337.JPG" border="0"></a>

Look at the URL of this post, in your browser address window.
http://blogging.nitecruzr.net/2011/04/photos-recently-uploaded-in-blog-posts.html

Almost all blog content is accessed using "http", not "https".

If you have a post with missing photos, edit the post in HTML mode. Look at the above example.
<a href="http://lh6.googleusercontent.com/-g86kitum7rQ/TY0phqSKT3I/AAAAAAAAG5A/VLf1YQNHbew/s1600/DSC_3337.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img r6="true" src="http://lh6.googleusercontent.com/-g86kitum7rQ/TY0phqSKT3I/AAAAAAAAG5A/VLf1YQNHbew/s1600/DSC_3337.JPG" border="0"></a>
The "https" protocol is used in very specific Internet dialogues - generally when you are logging in to a Blogger or Google service. There are known bandwidth and performance issues associated with use of "https", and some relevant details may be causing the symptom here.

The solution, in this case, is to check for use of "https" in all photo HTML, and change any such use to "http".

>> Top

5 comments:

Pati Springmeyer said...

Perfect and quick fix nitecruzr - thank you. By the way, in the event it helps somehow, I noticed that it is only my Picasa hosted images that somehow added the "s"; a couple that I had hosted on Imageshack did not do this when I added them to a blog post.

SunLover said...

Here is a French blogger tips post that suggest that you replace the googlecontent part too:
"
Conclusion

Check the address of the first frame of a message (from a Picasa album), and replace https ://... googleusercontent.com ... by http://...ggpht.com ... . Blogger will create a flow with a sticker to be posted by subscribers to your RSS."
By "sticker" he means a thumbnail.
http://www.microsofttranslator.com/bv.aspx?from=&to=en&a=http%3A%2F%2Faide-blogger-fr.blogspot.com%2F2011%2F03%2Fblogger-feed-thumbnail-missing.html

This appears to me to relate to images first uploaded to Picasa and then embedded in or linked to the blog post, and not images uploaded to the blog post directly from the user harddrive, which also end up in Picasa, but in a different way.
Regards to all.

Beverly Walker said...

I have tried the suggested fixes to get my pictures to appear but have had no luck. I checked for height=0; replaced https with http; and googleusercontent with ggpht. Still no pictures. The pictures were originally there as posted, but disappeared and replaced with a red x about 2 weeks ago. Now what???

Chuck said...

Beverly,

I think this is an question that you need to ask in your own discussion, in Blogger Help Forum: Something Is Broken.

AstroNerdBoy said...

Here's a photo issue to address with your blog, namely Blogger ramrodding a low quality, cropped, thumbnail image code line into all posts. I believe this was initially done because a few people complained that if they posted a link to a Blogspot blog, they had no image options. I never had this problem but the horrible thumbnail is worse than no image at all IMO and so I have to manually add lines of image code to the main HTML code in order to have a decent image to use for my blog post on Facebook.