Friday, January 21, 2011

Embed Flash Slideshow to Yahoo SiteBuilder

Yahoo SiteBuilder is a free web building software, which helps you to build your own professional website. You can quickly design an entire site and completely customize your layout with hundreds of web site designs plus the fast and easy Site Creation Wizard. Have you ever want to present a flash photo slideshow on your website, here we will guide you how to embed a flash slideshow swf to your webpage in Yahoo SiteBuilder within steps.

Step 1: Make Flash Slideshow for Webpage in Yahoo SiteBuilder 

Firstly, please make an impressive flash slideshow which will be shown on your webpage in Yahoo SiteBuilder, here we recommend an easy-to-use web photo gallery maker Wondershare Flash Gallery Factory. Comparing to other flash slideshow maker, it provides many built-in free flash slideshow templates, with which you can make very professional flash slideshow without any flash programming knowledge.

See how to make a slideshow for your spaces or watch flash slideshow samples created by Wondershare Flash Gallery Factory on Win.

Note: If you are a Mac user, click here to learn more about making your flash photo gallery on Mac step by step.

>Step 2: Save Flash Slideshow to Your Website Directory

Then save the flash photo slideshow to root folder of your website directory, open the Yahoo SiteBuidler, the Flash SWF file will be listed in the "Site Contents" area on the right side of Yahoo SiteBuilder.

Note: If the flash slideshow swf does not display, please right click on the blank area, and choose "Refresh File List".

Step 3: Embed Flash Slideshow to Your Webpage

In Yahoo SiteBuilder, open the webpage on which you want to embed the flash slideshow swf. Click "Insert" button on the "Control Panel", then choose the "HTML" under "Code Elements".

Then you'll see a "HTML Code" dialog. Please copy and paste the HTML code here, which could be generated by Wondershare Flash Gallery Factory or Web Gallery for Mac after you choose to publish the Flash SWF file.

Please replace the Red URL in the code to your own URL, and set the width and height as you like.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="720" height="540">:
<param name="movie" value="slide.swf" />:
<param name="quality" value="high" />:
<param name="allowFullScreen" value="false" />:
<param name="allowScriptAccess" value="always" />:
<param name="wmode" value="transparent" />:
<embed src="slide.swf "

After revising, click "Ok" in the "HTML code" dialog, then a blue box will display on the HTML page. Drag the box to where you want the flash photo slideshow to display, drag the corner point of the box to adjust its size and make it bigger than the size of flash photo slideshow.