Creating a slideshowTuesday, June 23, 2009
Gail wanted to know how I made the slideshow on my blog, so I'd thought I'll give you an overview on how to make and add a flash slideshow to Blogger using the program Flash slideshow maker.
While sites like Flickr, Picasa and Photobucket offer their own slideshow applications, I wanted something more customizable so I googled and found this program. I used the free version which has the "trade-off" that you see their banner at the end of the show, which I personally don't have a problem with. What I like with this program is that it's very easy to tweak. To be honest slideshows can be something of an eyesore if they are not done right, so I was a bit weary about whether it would be right for my blog because I want to keep the layout clean.
Anyhow, this is how I did it (click on the images to get a bigger view):
Step 3. Pick a theme. There are even more options here and even more ugly. But a few nice ones too. I picked the Paper theme. Also here is were you determine the size of the slideshow. Very important since it has to fit into one of your blog columns.
A few words on the size of the slideshow: If you place it at the bottom of the large column, you will have no problem fitting in the slideshow. But if you want the slideshow in the right column for instance, you need to know that the default width for Minima classic is only 220 pix and for Rounders the width is 240 pix. I have tweaked my Minima template by changing the html code to make it bigger so that a 250 pix wide slideshow will fit in. Read this tutorial for info on how to change the size of your columns.
Step 4. Publish your project. This will convert your selection into a flash file (.swf). After this step, save your project as a project file so that you can keep adding files and update your slideshow.
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://sites.google.com/site/me/Home/myslideshow.swf" align="middle" height="400" width="250"></embed>Step 10. Click Save and the window will close. Now pick Preview to see if it looks alright on your blog. Are you satisfied with the result, just click Save, and the slide show will now appear on all your blog pages. Voilá! If you want to add more images just open the project in the slideshow maker and publish and upload the file again. No need to do anything in Blogger, it will just pick up the updated file automatically.
P.S. If you end up hating the slideshow layout after you saved, just open the Gadget again and chose Remove.
Hope this will be helpful!