Embed a Picasa Slide Show

Add Picasa Content to Your Webpage


Note: Picasa has been replaced with Google+, so please access your Picasa Albums using the following link, which will prevent the page from redirecting you to Google+: https://picasaweb.google.com/lh/myphotos?noredirect=1

Warning: Google makes periodic changes to Picasa/Google+ functionality and capabilities in their online tools so this help content may not be 100% accurate if they've made changes since this SchoolFront Help content was written. 

Add Security Setting to Album in Picasa

If your gallery is set to "Private" it will not embed. To make a gallery “Unlisted:”

1. Login to your Picasa account.

2. Go to the My Photos tab.

3. Click the Album to open it.

4. Click the Actions drop-down menu and select Album Properties.

5. Use the Visibility drop-down at the bottom of the window to select Limited, anyone with the link.

6. Click the Save Changes button.

Acquire Slideshow Embed Code from Picasa

After you have applied the “Unlisted” security setting to the album, you must generate and copy an embed code.

1. Login to your Picasa account.

2. Go to the My Photos tab.

3. Click the Album to open it.

4. In the right side of the screen there is a gray area. In that area click the link that says Link to this album.

5. Then click the link that says Embed Slideshow.

6. From the Slideshow options choose:

  • Slide Show Size: Large 400px

  • Uncheck Show Captions (If you have entered captions for all images in the album in Picasa then you can check this checkbox. Otherwise uncheck.)

  • Check the Autoplay checkbox.

  • Uncheck HTML Links

7. Copy the Embed slideshow code. You will be using this code when you create the photo blog entry in the CMS. It should look something like this:

<embed type="application/x-shockwave-flash" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" width="400" height="267" flashvars="host=picasaweb.google.com&hl=en_US&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fretapi%2Fuser%2F118067405302602843199%2Falbumid%2F5788043693776200833%3Falt%3Drss%26kind%3Dphoto%26authkey%3DGv1sRgCKfMksmresyQ9LDt5QE%26hl%3Den_US" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

8. Click the Done button.

Add Embed Code to Your Webpage

1. Login to the CMS as an administrator.

2. Navigate to the page on which you would like to add the Picasa content.

3. Add an HTML web-part to the page.

4. Click the edit link.

5. Click Source.

6. Paste the embed code from YouTube into the WYSIWYG editor.

7. Click Source again. You will see a red box.

8. If you want, you can type a description of the video below the red box in the WYSIWYG editor.

9. Click the Update button. 

Note: If the embedded content does not show up immediately, try refreshing your browser window. 

Printable View | © 2008 - 2021 FrontEdge Inc