spotted that if you upload a pic or photo to Blogger using the built in Add Image icon in the Blogger post editor, a new bug now means that anyone clicking on the picture in your blog post to see a larger version gets prompted to download it instead.
Kirk posts, and Team Blogger immediately see and leap into action...
Blogger acknowledged the issue and published a temporary workaround the very same day.
Here's a step by step to fix the problem, at least for now:
- After you've uploaded the pic, go to "Edit HTML" view in the Blogger post editor.
- Find the code for the image, which will look something like this (I've put the bits that you need to change in bold red):
<a onblur="[stuff]" href="http://[stuff]/AAAAAAAAAps/l45SRB9MHmc/s1600-R/16112007023.jpg">
<img style="[stuff];" src="http://[stuff]/AAAAAAAAAps/mde1x2JIA7c/s200/16112007023.jpg" [stuff]/></a>
- Go to the second tag that starts <img... and find the bit that starts with src.
- Copy into your clipboard the jumble of letters and numbers immediately before the s-something bit, which in the above example is s200 (it could be s320 or s400). Just copy the bit between the / slashes, not the slashes themselves, so in the above example I'd copy mde1x2JIA7c, marked bold green.
- Go back to the first tag that starts <a... and find the href part.
- In the s-something bit, change the -R to -h. But don't touch the rest e.g. the s1600 in the above example.
- Find the s-something bit and delete the letters and numbers just before it, between slashes (in the above example l45SRB9MHmc), or highlight it and paste in what you copied from the img src bit. Don't delete any of the letters or numbers before that bit, so in the above example don't delete or change the AAAAAAAAAps bit or the letters/numbers before it.
- So in the above example the first bit of the image code would end up looking like:
<a onblur="[stuff]" href="http://[stuff]/AAAAAAAAAps/mde1x2JIA7c/s1600-h/16112007023.jpg">
Hopefully Blogger will fix this soon!