Test Pages‎ > ‎

Test Image Slider



Instructions

  1. Create a Google Docs Presentation

    1. Sign in to http://docs.google.com

    2. Use the Create button and choose Presentation

    3. Add the pages you want to the presentation, with the appropriate animations and slide transitions.

      • If you want your embedded slider to be short and wide then just use the top part of the slides: Google Docs Presentations do not natively offer custom aspect ratios at the moment, so the gadget takes care of this.

      • In the presentation you can insert images from your Picasa Web Albums and Google+ Photos, so you can use a presentation and this gadget as a replacement slideshow tool.

    4. Publish your presentation (in the presentation use the File menu, then Publish to the web... and use the Start publishing button) and from the Publish to the Web dialogue box make sure you 

      • select an appropriate delay from Automatically advance presentation to the next slide so the embedded slider progresses automatically
      • choose to Start slideshow as soon as the player loads so the embedded slider starts automatically

      • choose to Restart slideshow after the last slide so the embedded slider loops

      • and copy the Document link 

  2. Add Slider Custom Gadget to your Google Site

    1. Sign in to your site and navigate to the page where you want to display the embedded slider and use the Edit page button (looks like a pencil)

    2. Use the Insert menu then More Gadgets...

    3. Use the Add gadget by URL option

    4. Paste this link into the Add gadget by URL box
      http://hosting.gmodules.com/ig/gadgets/file/100852010860351994557/Presentation-to-slideshow.xml

    5. Use the Add button to display the gadget's properties 

    6. Add the Document link copied earlier from the Publish to the Web box to the Link to presentation (required) box

    7. Specify the background colour of your site (as either a word or hex colour code, e.g. white or #FFFFFF) in theBackground colour of your page (requiredbox (this hides the borders).

    8. Make sure the Width is set to 100 percent (if you want it to fill the page, if not specify the width you require) and set theHeight to the height in pixels you require (you may need to experiment to get exactly the right height)

    9. Uncheck the Include a scroll bar, Include a border and Display title checkboxes

    10. Use the OK button to add the gadget to the page

    11. Use the Save button to save and display the page with your embedded slider.