Wednesday, November 25, 2009

How to Embed Flash Slideshow into Blogger

This is just a demonstration of an embedded slideshow on Blogger. A client asked me today how to embed a single .swf Flash file into a blog post.

You have to first make a Flash Slideshow with one or more images. A
Flash image cannot just be embedded like a JPEG. It needs a widget, something to transmit the image to, or render it within, a web browser.

Use a free software program like Flash Slideshow Maker.

Install this program. Then use it to Create Slide Show. Select the image or images you want in the slide show.

When you get the Publish Now dialog box, be sure to give it an HTML title and SWF title (default is "myalbum", I changed it to "Str8 Sounds CDs").

Once Published, you have to then upload the slideshow to a host site.

You'll get a prompt to upload to SkyAlbum. Click on that. Create an account with username and password.

Here's the "Str8 Sounds CDs" slideshow on SkyAlbum.

Once the slideshow is hosted on SkyAlbum, you'll get embed code and swf code.

Highlight the embed code, copy it, then paste it into Blogger > Create New Post (or Edit Post if you want to embed the slideshow into an existing post) > Edit HTML > paste that embed code in > change the dimensions.

You'll see

object width = "____" height="_____"

at the start of the embed code, and for my blog I use w=380 and h=400.

You'll also see it again, toward the end of the embed code. Be sure to change the dimension values at both spots in the embed code.

Publish Post.

No comments: