Website slideshow with music

Step 1: Import your digital photos and background music

Install your website slideshow maker and the program will go to "Browse" tab by default .Click "Add photo" build-in button or just drag the photos into storyboard directly to add photos to the storyboard. Then click "Add Music" button to add background music.

Step 2: Select slideshow template or custom your own template

Flash Slideshow Builder provides 20+ free website slideshow templates .You can select your favorite one to make your website slideshow. You can also custom your own template by click the left down "Custom Template" button. See below thumbnail:

Step 3: Set preloader

Click the "Add Accessories" button in Template Tab to select from the 18 free flash preloaders. Background color can be changed too.You can also make a intro movie or credit movie for website slideshow to make it looks like a movie. See below sample and thumbnail:

Step 4: Set transition and motion effects

There are 62 transition effects and 10 motion effects for you to make your slideshow more animated. You just need to drag the transition effects to the middle of the two images to set transition effects. While to set motion effects, drag the motion effects to the certain image. See below thumbnails:

Step 5: Preview and Publish your website slideshow

Preview your website slideshow by click the start button in the bottom of the right screen. If you are satisfied with your work, you can publish your website slideshow in swf, html, exe, or screensaver formats, or you can mail the web slideshow to your friends directly as a gift. In addition, you can add hyperlinks in the end of the slideshow by open the "Publish Setting" and select the "Action at the end of the flash" item.

Step 6: Embed website slideshow online

Upload the swf format website slideshow to any web hosting and get the file's URL. If you don't have a personal web host, don't be worried, you can upload your SWF file to Google Sites for free.Then Copy and paste the following code on your website, such as MySpace, Blogger, so long as it supports HTML code. Then replace the red URL to your own URL.

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="264" width="550" data="http://www.flash-slide-show.com/images/tutorials/flash_banner/banner550.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.flash-slide-show.com/images/tutorials/flash_banner/banner550.swf" />
<param name="quality" value="high" />
</object>

If you haven't understood clearly, please learn more on share flash slideshow on website.

Done, please enjoy the sample made following the step by step website slideshow tutorial: