Creating a slideshow from picasa to embed in a web page

by Nishanth 21. January 2010 17:40

One of my friends recently asked me this question. "I have a bunch of digital photos with
me. I need to create multiple albums and show the pictures as slideshows in my website. How
can I do this?". My immediate answer was "use picasa"!

He required the steps to do it so I decided to write it down with some screenshots to help a first time user.

Here are the steps to add images to picasa and show it was slide show in yourwebsite. You
dont have to be a techie to do this. A person who can send emails,can use "MS Word" and a
little knowledge in HTML can easily do this.

Step1: Navigate to http://Photos.Google.com and login using your google id. If you dont have
a google account, you can create one here:

Step2: After logging in to Picasa, Click on the Upload Button on top.There is an option to create new Album. Click on the link.

Step3: Give a title to your album and select a date on which the pics are taken. You can give a description to the details of the images inside and even show the place where the photos were taken in google maps.

Step4: Now you can decide whether this album is a public album or a private one.
Public albums can be seen by anyone on the internet and private albums can be seen only by persons you choose to share it. You can even give the option of "SignIn required to View" so that only registered picasa customers can view the album.

Step5: Now you can individually upload pics to the album one by one or install "Picasa desktop client"(Download link circled in red ) on your system and upload all the images at one shot to the album.

Step6:
Now click on "Link to this album" as circled in the image below.
This will open up a hidden panel which shows multiple options to share your picasa album.

Step7: if you just want to send the link via email or IM, use the link below "Paste link in email or IM". For slideshow, click on the "Embed Slideshow" link. This will open up a popup window.

Step8: Now you can select the image size for your slideshow(circled in blue). There are multiple options 144px, 288px, 400px, 600px and 800px. Select the appropriate size and then copy the HTML code to embed in the site(circled in red). You need to add the code between the <body> </body> tags of your html page.

Yes, your slide show is now ready !! Google has made it simple, did'nt they?