Saturday, November 3, 2007

How to Embed Picasa Slideshow in Google Pages

For some reason, Google do not allow <embed> code in its html editor. This is what I discovered after a great deal of web searching when I couldn't save the embed code when I exit Google Pages html editor. I eventually found the right combinations of codes to embed my slideshow onto Google Pages.

Here's my web discovery:

1. Copy this code:

<html>
<head></head>
<body topmargin=0 leftmargin=0>
"picasa slideshow's embed code here"
</body></html>

2. Open Notepad application and then paste the copied code onto the notepad.

3. Go to Picasaweb.

  a. Open the folder of pictures that are to be displayed.

  b. On the left side of the page click on "Embed Slideshow". Be sure that language is set as English-US to be able to get "embed slideshow" code.

  c. In the pop-up menu choose small, medium, large or extra large and then unclick autoplay if you don't want the embedded slideshow to automatically begin when your web page is opened.

  d. Copy the code for embedding slideshow.

4. Paste onto the code in the notepad replacing "picasa slideshow's embed code here".

5. Save as 'slideshow1.htm' and then close Notepad.

6. Go to Google Pages and then upload slideshow1.htm.

7. Open the Google page to be edited, go to "Edit Html" and then paste the following code:

⟨iframe
src ="slideshow1.htm"
width="192" height="200"
frameborder="0" scrolling="no"〉
⟨/iframe〉

8. Save and then view web page. If the slideshow is too big or too small for the page, do the necessary tweaking by increasing or decreasing the height and width values in the slideshow1.htm notepad file. Before any tweaking is done, delete first the uploaded .htm file and then upload when adjustments are done. Repeat until the size is attained.

No comments: