Thursday, December 28, 2006

How to Embed a Picassa Slideshow in a Blog

I had the following problem, I had a bunch of pictures related to some article I wanted to post in my blog about Uruguay, but I didn´t want to embed the pictures directly, since they were too many of them.

Without thinking too much, the solutions I came up with were two. The first one, to create a video with a product like Photo Story, upload it in YouTube or Google Video, and then embed it in my blog. This one I discarded because I wanted to have the article published fast, and didn´t want to go through any wait for approval period. The second solution was to embed a slideshow of some web album directly in my blog post.

So I created a Picassa Web Album with all my pictures, and copied the generated url for my album´s slideshow (click the slideshow button, and copy the url).

Then I tried embeding the slideshow in my blog post with an iframe html tag. Something like this:

<iframe src="[Picassa Slideshow URL]" ></iframe>

It is possible to tune the dimensions of the embedded frame with the width, and height attributes of the iframe tag.
Example:

<iframe
  src="http://picasaweb.google.co.uk/fromuruguay/LaRambla/photo#s5012238251738683330"
  width="400pt"
  height="300pt"
  ></iframe>

It looks something like this:




Not bad, right?

1 comment:

pabben said...

http://googlesystem.blogspot.com/2006/12/blogger-beta-integrates-with-picasa.html