How To Embed A Slideshow In Your Posts

Well, since putting pictures into our posts is such a breeze, and how to put videos and mp3 players on our blogs has already been tackled, there must not be much else to do, right?

Actually, there is.

A few months ago, I was reading one of Andrea Swiedler’s blog posts and noticed the slideshow she had embedded there. . .so I shot off a quick e-mail to ask her how she managed to do that, and she gave me enough guidance to get it started on my own. So much so, that I have become a fan of embedding slideshows in my blog posts, as opposed to inserting a million and one pictures.

I was recently asked by Lori Cofer how I managed to embed slideshows on my posts, and I offered to do a tutorial on the subject…so here we go:

Choose your photo-sharing site : the major ones that I am familiar with (Picasa, Flickr, and Photobucket) all provide the option to post slideshows through other social media sites, like Facebook, Digg, Friendster, Multipy, etc. However, each site has a slightly different process for embedding slideshows in a blog post or website. Depending on which site you use the most, which will determine exactly how you will embed the slideshow in your post. The remaining steps will outline the process for each (Picasa, Flickr, and Photobucket), after you have uploaded your pictures for each site.                                                                                                                                                                                       

Picasa: my favorite, because of the many ways in which I can manipulate and construct my slideshows . If you have Picasa installed on your computer, open it up, and choose the folder which you wish to embed as a slide show.

First, you sync the pictures in the folder to the web,

then click view online unlisted.

Then, change the unlisted photos online to public. After this, you then click Link to this album;

Then click the embed slideshow link.

When the embed slideshow window opens, choose your options for size, autoplay, etc. and finally, copy and paste the code in the yellow box into your blog post.

Here's an example of a Picasa Slideshow:

Flickr: choose the group of photos you wish to embed,

click on slideshow, then copy and paste the html code for that sideshow into your post: 

Here's an example of a Flickr Slideshow:

Photobucket: first name your album, and then upload your pictures to the album.

Then click on the slideshow icon on the far right at the top of the page.

Once you have done that, simply copy and paste the code given at the bottom right of the screen.

Here's an example of a Photobucket Slideshow:

There you go! Now adding slideshows to your blog posts will be a piece of cake.