A Consuming Experience

Blogging, internet, software, mobile, telecomms, gadgets, technology, media and digital rights from the perspective of a consumer / user, including reviews, rants and random thoughts. Aimed at intelligent non-geeks, who are all too often unnecessarily disenfranchised by excessive use of tech jargon, this blog aims to be informative and practical without being patronising. With guides, tutorials, tips - and the occasional ever so slightly naughty observation.

Add this blog to Del.icio.us, Digg or Furl | Create Watchlist for this blog

Add this blog to my Technorati Favorites!

Blogger: bug with posted pics, & temp fix

Saturday, December 01, 2007
Deutsch | Español | Français | Italiano | Português | 日本語 | 한국어 | 汉语

Add this post to Del.icio.us, Digg or Furl | Create Watchlist

Kirk 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:
  1. After you've uploaded the pic, go to "Edit HTML" view in the Blogger post editor.

  2. 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>
  3. Go to the second tag that starts <img... and find the bit that starts with src.

  4. 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.

  5. Go back to the first tag that starts <a... and find the href part.

    1. In the s-something bit, change the -R to -h. But don't touch the rest e.g. the s1600 in the above example.

    2. 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.

  6. 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!

Labels: , , ,

Links to this post on:

  • Icerocket -
  • Blogpulse
  • Bloglines
  • Delicious
  • Google Blog Search -

Create link here by posting on Blogger

2 Comment(s):

thank god. I thought this was coz of my machine, until I notice the -R. When the first blogger image upload came, i hate to remove the -h to post the hosted picture at some other sites or blogs.

Thanx for the update ACE.

(By Blogger Ghost Particle, at Sunday, December 02, 2007 10:52:00 AM)  Edit Comment


(By Blogger tercumenette, at Monday, December 03, 2007 4:12:00 PM)  Edit Comment

Post a Comment | Subscribe to all comments on all posts

| Previous Post »
| Previous Post »
| Previous Post »
| Previous Post »
| Previous Post »
| Previous Post »
| Previous Post »
| Previous Post »
| Previous Post »