Picasaweb Image Address

Warning: A recent change to the way Picasaweb delivers addresses when using them directly, makes the "click" go to the album rather than the large image.

The method discussed here will still work, but the source of the addresses is different and the album address must be replaced with the image addressed.

I will revise this procedure when it is clear that this is the new order.

Blogger provides convenient hosting for blog images. But, sometimes there are problems when it's time to deliver the goods and the images go missing from posts. There are alternatives: the code could be switched to the Picasaweb address and the reliability tested, or, the images could be uploaded to an external host and referenced there.

This is how-to switch from the Blogger to the picasaweb address.

Here's the code for an image uploaded to a post:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com /_TUd2gQn_l3o/ SCzz48TmwHI/AAAAAAAAATk /_x0OUIj4DPM/1600-h/knotts-berry-farm-2000wc.jpg"> <img style="margin:0; padding:0; border:0; cursor:pointer; cursor:hand;" src="http://4.bp.blogspot.com /_TUd2gQn_l3o/SCzz48TmwHI/AAAAAAAAATk /_x0OUIj4DPM/s400/knotts-berry-farm-2000wc.jpg" border="0" alt=" id="BLOGGER_PHOTO_ID_52" /> </a>

The linked image wrapper is in green. The displayed image is in blue. The red is the actual image code that will be changed.

Looking at the code above; in this swap, the bold/red portion, which is the size folder and file name, will be retained, and the rest will be changed.

Here's the image as uploaded using "large" size with the code unchanged.

Blogger uploaded image using normal Blogger address

To change to the Picasaweb address sign in, using normal Blogger sign in info, at: picasaweb.google.com

— Open a text editor.
— Click on the album associated with the blog name.
— Locate the image and click on it.
— Right click on Download Photo link on the right and copy the link location.
— Paste the address into the text editor.
— Edit the post.
— Switch to Edit Html.
— Locate the image code.
— Copy the image code from 'http' to / before the file name.
— Paste code over the first section of bold/red code, leaving the size folder.
— Make sure the size folder name remains, preceded by a single /.
— Move to the second section of bold/red code and paste the address again.
— Make sure the size folder name remains, preceded by a single /.
— When you are sure it is right, Publish, View, test link.

Here's how the code will look:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://lh6.ggpht.com /sparerep/SCzz48TmwHI/AAAAAAAAATk /euou3GPMI2M/1600-h/knotts-berry-farm-2000wc.jpg"> <img style="margin:0; padding:0; border:0; cursor:pointer; cursor:hand;" src="http://lh6.ggpht.com /sparerep/SCzz48TmwHI/AAAAAAAAATk /euou3GPMI2M/_x0OUIj4DPM /s400/knotts-berry-farm-2000wc.jpg" border="0" alt=" id="BLOGGER_PHOTO_ID_52" /> </a>

Here's what it looks like with the new code:

Blogger uploaded image using Picasaweb address