Thursday, March 19, 2009

How To Post An Image In Its Original Size On Blogger

While overall I am very happy with the Blogger service that Google provides for free, one thing that drives me nuts is that they don't allow you to display large images in their full size. Instead they resize them to a width of 400 pixels. It is bizarre to me that Google, which gives away storage and bandwidth like crazy, feels compelled to draw the line at 400 pixels for images displayed in Blogger.

Fortunately, I recently found this hack at Cranked.me to get around this limitation:

To make your images/pictures/photos look fullsize in your blogger posts you need to edit the link to this picture. Once you upload an image from the editor interface, the code for the image will look like this:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bpV.blogger.com/WWWWWWWWWWWW/XXXXXXXXXXX/YYYYYYYYYYY/ZZZZZZZZZZ/s1600-h/my-sample-image.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://bpV.blogger.com/WWWWWWWWWWWW/XXXXXXXXXXX/YYYYYYYYYYY/ZZZZZZZZZZ/s400/my-sample-image.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_UUUUUUUUUUUUU" /></a>

Where UUUUUUUUUUU, V, WWWWWWWWWWWW, XXXXXXXXXXX, YYYYYYYYYYY and ZZZZZZZZZZ will be some mixed digits/letters.

See the text s400 that I've highlighted here in green? That's what you need to change. Change it to s800 and you are done.

4 comments:

Audacious Epigone said...

Well done.

S-NOCTURNUS said...

Thank you Very much!! really helped!

Anonymous said...

change the heigh and width size in pixels in the html editor.

suman said...

really helpful

Post a Comment

Note: Only a member of this blog may post a comment.