Thursday, September 20, 2007

HOW TO: Create a slideshow for your website

Want to display your photos without all the complications of downloading a complex program, learning the software, and then trying to piece the puzzle back together within your site?

I have a simple solution that can make this possible, and better yet it's FREE! and simple!
See a sample of the final result here: davidhgatley.com

First off, it should be known I have nothing to do with the following sites. They just happen to be the best products I have ever used, and I wish to share them with you. In return for their use they ask that you create and account with them, which I recommend doing.

(If you have a Myspace account, much of these STEPS 1-7 should be rather simple.)
STEP 1.) go to www.slide.com.
STEP 2.) set up a free account on that site. I don't receive any spam from slide.com, so feel free to use your normal email if required.
**Note, you do not have to create an account, however if you want to save your slideshow and or make any changes, you need an account to do so.
STEP 3.) Find the "Make a Slideshow" button and click.
STEP 4.) At this point you'll be able to create your slide show.
*To customize the effects play around with the "customize your design" section
STEP 5.) Upload your photos
STEP 6.) Click "Save and Get Code"
STEP 7.) Copy the code slide.com creates for you

Now that you have your code you need to paste it with the BODY of your website. Now this is where a basic level of HTML coding will come into play. Assuming you can access your desired web page editor, make changes, and save it; this will all be easy. If you do not know how to do this, contact me for further help at davidhgatley.com.

STEP 8.) Paste the code in the body of your website
Step 9.) Fit it to size (remember to scale the slide show proportionally. The default size that slide.com issues is a height of 320pixels and a width of 436pixels.

Your code should look something like this: (do not copy this code it, will not work)
**find the width and height within the code:

p style="visibility:visible;" object type="application/x-shockwave-flash" data="http://widget-ac.slide.com/widgets/slideticker.swf" height="320" width="426" style="width:426px;height:320px" param name="movie" value="http://widget-ac.slide.com/widgets/slideticker.swf" / param name="quality" value="high" / param name="scale" value="noscale" / param name="salign" value="l" / param name="wmode" value="transparent"/ param name="flashvars" value="cy=ms&il=1&channel=43234556424tt30218284&site=widget-ac.slide.com"/ /object> p a href="http://www.slide.com/pivot?cy=ms&ad=0&id=432345564240218284&map=1" target="_blank" img src="http://widget-ac.slide.com/p1/432345tt5643240218284/ms_t016_v000_a000_f00/images/xslide1.gif" border="0" ismap="ismap" /> href="http://www.slide.com/pivot?cy=ms&ad=0&id=4323453564240218284&map=2" target="_blank" img src="http://widget-ac.s1ide.c0m/p2/43234tt5564240218284/ms_t016_v000_a000_f00/images/xslide2.gif" border="0" ismap="ismap" /


Make sure to change both fields to your desired size.
And you should be good to go!

Hope that helps,

-David

3 comments:

Anonymous said...

Thanks bigtime!!

rajnish said...

This is a very interesting post, and the comments are also fantastic to read. I’ll have to have a little re-think about my own contact form on our new website, as this poses some interesting questions'

IT provider

Anonymous said...

ich beglückwünsche, Sie hat der einfach prächtige Gedanke besucht levitra preiswert levitra vs viagra cialis [url=http//t7-isis.org]cialis rezeptfrei niederlande[/url]