How to insert HTML5 Photo Slideshow into Google Site
Except offering search service, Google offers a fair number of great free tools too. Among all the free Google tools, Google Sites is the one which helps creating, customizing and sharing Google websites. Everyone can use Google Sites to edit a Google site for free, as long as he has a Google account. Whatever kind of Google website you already have or plan to create, if you want to have some photo slideshows on your Google site, then this HTML5 tutorial is right for you. Having a photo slideshow on your Google Sites site is not hard at all with the tutorial below.
Main Steps for inserting an HTML5 photo slideshow into a Google Site
The following steps are the main steps on how to make a photo slideshow work on your Google site. This tutorial is specially for our HTML5 slideshow program users, so the HTML5 photo slideshow must be powered by our slideshow program HTML5 Slideshow Maker, and upload to our free photo slideshow host service Go2Album. In all, you need to go through:
- Step One: make an HTML5 photo slideshow with HTML5 Slideshow Maker;
- Step Two: upload your HTML5 photo slideshow to the free photo slideshow host website Go2Album;
- Step Three: embed the HTML5 codes to make the HTML5 photo slideshow work on your Google site.
The first two steps are easy to be done. You can intuitively take them when you are using HTML5 Slideshow Maker to make photo slideshows. If not, please refer to How to Create and Publish a Slideshow with HTML5 Slideshow Maker. You can free download HTML5 Slideshow Maker form below. If you want to try the free versions first, please go Download. Below are the detailed steps for "Step Three". Please follow the detailed steps after you finish the first two steps.
Detailed steps on inserting an HTML5 photo slideshow to a Google site
The following tutorial will show you the way on how to insert an HTML5 photo slideshow to your Google site as detailed as possible. If you have any confusion or run into problems when inserting your HTML5 slideshows to your Google site, please email for help.
Step 1. Prepare the HTML5 codes of your HTML5 photo slideshow.
To embed your HTML5 slideshow to your Google site, you need to get the codes of your HTML5 slideshow first. The HTML5 codes of your photo slideshow can be got from Go2Album. All you need to do are: open the link to your HTML5 slideshow on Go2Album, click the "Embed" tab, then the hidden "Embed" panel will show. The HTML5 codes of your HTML5 photo slideshow are in "Embed". You can get all the HTML5 codes with a single click of the mouse on these codes.
Step 2. Login your Google site, open the edit tool and choose a photo slideshow module.
After logging your Google Sites website, you will see the following tools at the top right of your Google site home page. The button with a pencil on it is for editing the Google Sites webpage you are viewing, the button with a web page icon on it is for adding a new Google Sites webpage, and the button to read "More" is for using other Google Site tools.
Whichever Google Sites webpage you want to insert an HTML5 photo slideshow on, you need to open that Google Sites webpage first. Then click the button with a pencil to enter the editing mode. In Google Sites, you are free to edit almost anywhere on your Google site's web page. After choosing the module for inserting your HTML5 photo slideshow, you can click the module you choose to enter the module edit mode.
Step 3. Use HTML edit mode, embed the HTML5 codes and update your Google site.
After entering the module edit mode, you can start to edit this module. Generally, the edit mode in Google Sites is visual. But the way used in this tutorial for inserting HTML5 photo slideshow is embedding HTML5 codes, so you need to click "<HTML>" to shift the edit mode from normal to "<HTML>".
After you click "<HTML>", Google Sites will open the following editor. You need to enter the HTML5 codes you get from the Step 1 to this editor. Because you can get all the HTML5 codes of your photo slideshow with a click of the mouse on Go2Album, so you just need to paste the HTML5 codes to the Google Sites editor, rather than edit them by typing the keyboards.
After pasting the HTML5 codes of your slideshow to the Google Sites HTML editor, you need to click the "Update" button to save your changes.