Google Setup

Steegle.com now offers two new services:
Hassle free setup with minimum of effort.
Powered by Google Apps

RSS Feed

If you wish to receive updates from steegle.com please subscribe to the
RSS Feed

Recent site activity

Websites‎ > ‎

Google Sites How-tos


Google Sites - FAQ (Frequently Asked Questions)

Please check the Google Sites FAQ first, then my how-tos below.

Further Help

If none of these articles help you there are other resources that may:

Feel free to suggest a how-to from me to write: go to Google Sites How To Suggestions to do so.

If you can't find what you need then use the search below to search for help from Google and user of Google Sites (search results open in a new window or tab):


For Customer Reviews please use the badge below:

Google Sites - E-mail Subscription - FeedBurner

posted 19 Aug 2010 15:36 by Stephen Hind   [ updated 19 Aug 2010 18:47 ]

You can get e-mail subscriptions to your public Announcement Pages by using FeedBurner.  This requires you to register with FeedBurner, register your RSS feed with FeedBurner and add their e-mail subscription form (or link) to your site.


Instructions

  1. On your Announcements page find the Subscribe to posts link (next to an RSS Feed icon ) and right-click and copy the URL of the feed (Copy link location in Firefox, Copy shortcut in Internet Explorer, Copy link address in Google Chrome, Copy link in Safari).

  2. Go to http://feedburner.google.com/, sign in and paste the feed URL you copied from your site in the Burn a feed right this instant box and use the Next button.

  3. Enter the Feed Title and Feed Address as you want them to be and use the Next button.

  4. Take a copy of the feed's URL that FeedBurner provides and use the Next button.

  5. Tick any extra Traffic statistics you may want to see and use the Next  button

  6. On the Publicize tab use the Email Subscriptions link and then the Activate button

  7. From the Subscription Management box copy the HTML code given for the form (or the link) and use the Save button.

  8. Go to the page on your site where you want to add the form (or the link) and use the Edit Page button then the HTML button.

  9. Find the area of the page you want to add the form (or link), paste the code you copied from FeedBurner, use the Update button (if you paste the code for the form you will see it change to an Embed Gadget box - this is normal) and then the Save button.

Visitors to your site can now sign up for e-mail updates from your Announcements page.

Example Subscribe Form - Google Sites How Tos


Screen Shots

click for larger image

Burn a feed right this instant

Feed Title and Address


FeedBurner Feed URL


FeedBurner E-Mail Subscriptions Activate

FeedBurner Subscription Management



Google Sites - Sort Attachments & Files with a List Page

posted 13 Jul 2010 13:32 by Stephen Hind   [ updated 19 Aug 2010 01:55 ]

The File Cabinet page and Attachment section in Google Sites does not offer any way to sort the list of files.  These instructions tell you how to use a List Page to link to the files and then you can choose to sort.

You will find these instructions easier to follow if you know how to use multiple browser tabs or windows.


Instructions

  1. Create a List Page and make appropriate columns on it (e.g. Name, Description, Version plus any others you need) and ensure that one of the columns uses the URL type (the Name column for instance).

  2. Use the Add Item button to make a new list item 
    1. use the or existing page link for your URL column and in the search box that appears type a part of the file name you want to link to, or its extension (e.g. .pdf), and use the Search pages button.

    2. Choose the file or attachment you want to link to and use the OK button.

  3. Complete the rest of the columns and use the Save button.

  4. You can then use the List Page's pre-defined sort feature or the dynamic sort to order the list of your files.

Video how to to follow.

Screen shots

Search Results for swf and Selected File

Google Sites - Align Site Logo, Site Title & Site Search

posted 10 Jul 2010 12:55 by Stephen Hind   [ updated 10 Jul 2010 18:07 by Stephen Hind ]

Google Sites now allows you to vertically align your site logo, site title and site search at the top, middle or bottom and horizontally in the centre.  This gives you that little more control over the look and layout of your Google Site.


Instructions

  1. Go to your Google Site and use the More Actions button, then Manage site and then go to Site Layout

  2. Use the Change site layout button

  3. You can now choose the vertical alignment using the  Vertical box under Alignment and you can centre your logo and search box using the Horizontal drop-down box.

  4. Once you have selected the alignment use the OK button then the Save changes button.

You can return to your site to see the changes.

Don't forget if you don't want to display the Site Search you can disable it using the Configure Search button on the Site layout page.


Screen shots

click for larger image

Site Layout Dialogue Box

Google Sites Site Layout Dialogue box for aligning header content

Google Apps Script - Contact Us Form - E-mail

posted 9 Jul 2010 10:11 by Stephen Hind   [ updated 16 Aug 2010 06:20 ]

Google now provide scripts you can add to spreadsheets, so now when a Google Sites visitor uses your Google Spreadsheet Form you can have the response e-mailed to you, rather than having to go to the spreadsheet.


Instructions

  1. Go to Google Docs (either http://docs.google.com for a personal account or http://docs.google.com/a/example.com for Google Apps uses, where example.com is your domain)

  2. Use the Create New drop-down menu then choose Form to make a new form

  3. In the form you need to make three required questions

    1. Name
    2. E-mail Address (so you can get back in touch)
    3. Message (or whatever you want to call it)

    For further information on how to create forms see Forms: Creating Forms - Google Docs Help Centre

  4. Save your form and return to Google Docs

  5. Once back at Google Docs refresh the document list and open the new  spreadsheet created for the form

  6. Once in the form use the Tools menu, then Scripts, then Insert... 

  7. Find the Contact Us Form Mailer in the Public section of the Script Gallery and use the Install button

  8. When the Authorization Required dialogue box appears use the Authorize button

  9. The script will now show as installed on the list of public scripts, so use the Close button to return to your spreadsheet

  10. Use the Tools menu, then Scripts, then Script Editor...

  11. Enter your e-mail address in between the quotation marks on the 
    var recipient "";
    line, so it should now look something like
    var recipient "someone@example.com"
    ;
    and use the Save button (it's a little icon of a floppy disc)

  12. While still in the Script Editor use the Triggers menu, then Current script's triggers

  13. In the Current Script's Triggers box use the No triggers set up. Click here to add one now link

  14. From the drop-down boxes make sure that contactUsMailer, From spreadsheet and On form submit are selected and use the Save button.

  15. Close the Script Editor and return to your spreadsheet. While you're there save the spreadsheet and close it.

  16. Go to your Google Site and use the Edit Page button, then the Insert menu and then Spreadsheet form

  17. Choose the form you have created and use the Select button, then choose the display options you want for the form (width, height title, border, etc) and then use the Save button

  18. Use the Save button (top-right corner) to save the page and then you can test your form.

I have included the form below, so please do use the form to let me know what you think of the script.

The Form

Screen Shots

click for larger images

Inserting a script

Script Gallery

Script Authorization

Script Installation Confirmation

Script Triggers Menu

Current Script's Triggers


The Script

function contactUsMailer(e) {
  //  This script e-mails the contents of a form to a given recipient
  //  The form must have three fields in the order of: name; e-mail address; and message
  //  You must change the recipient variable below to your e-mail address
  try {
    var recipient = "";
    var timestamp = e.values[0];
    var name = e.values[1];
    var email = e.values[2];
    var message = e.values[3];
    var body = name+' <'+email+'> sent the following message: '+message;
    var bodyHTML1 = '<p>'+name+' <a href="mailto:'+email+'">'+email+'</a> sent the following message: </p>';
    var bodyHTML2 = '<blockquote>'+message+'</blockquote>';
    var bodyHTML3 = '<p>Sent by the <a href="http://www.steegle.com/">Steegle.com</a> Contact Us Form Google Apps Script</p>';
    var advancedArgs = {htmlBody:bodyHTML1+bodyHTML2+bodyHTML3 , replyTo:email};
    MailApp.sendEmail(recipient, "Contact Us Form", body, advancedArgs);
  } catch(e){
    MailApp.sendEmail(recipient, "Error - Contact Us Form", e.message);
  }
}

Google Sites - Link to Files and Attachments

posted 19 May 2010 05:09 by Stephen Hind   [ updated 27 Jul 2010 02:39 by Stephen Hind ]

Google Sites offers the ability to upload files and attachments, but did you know you can link to them easily?  Use the search facility in the link tool and it find uploaded files and attachments as well as pages.

Instructions

  1. Type the text you want to be the link.

  2. Select the text (click and drag with the mouse or hold down the Shift key and use the cursor keys to make the selection) you typed to be the link.

  3. Use the Link button.

  4. In the search box type a part of the file name you want to link to or its extension (e.g. pdf) and use the Search pages button.

  5. Choose the file or attachment you want to link to and use the OK button.

That's it, you're done!  Here's an example of a link to a flash (swf) file.

Screen shots

Search Results for swf and Selected File

Google Sites Link Search Results for swf and Selected File


Google Sites - Google Buzz Button Gadget

posted 22 Apr 2010 04:11 by Stephen Hind   [ updated 22 Apr 2010 05:07 ]

Google have released Buzz buttons so you can add a button to your web pages to get people to Buzz about them.  The button Google has released will not work with Google Sites as it contains JavaScript, so I have created a Google Buzz Button Gadget that will work with Google Sites.



Instructions

  1. Go to your Google Site's page where you want to add the button and use the Edit Page button.

  2. Use the Insert menu, then More gadgets...

  3. Use the Add gadget by URL link

  4. Enter the following URL into the box:
    http://hosting.gmodules.com/ig/gadgets/file/110509162544058635853/steegle-google-sites-buzz-button.xml

    and use the Add button

  5. Choose the Style and Language you want to use for the button

  6. Enter the URL of your Google Site's page you want visitors to Buzz about in the URL to post box and you can add a URL to an image if you wish (in the Image to post box).

  7. Untick the Include a border around gadget and Display title on gadget boxes

  8. Use the OK button

You're done!

Screen shots

Steegle.com - Google Sites Buzz Button Preferences

Steegle.com - Google Sites Buzz Button Styles

Button + on the top counter


Button + on the side counter

Button only

Link


Google Sites - Adding a Custom Favicon

posted 20 Mar 2010 16:25 by Stephen Hind   [ updated 20 Mar 2010 16:35 ]

As of July 15, 2009, Google Sites officially supports the ability to customize the favicon for your Google Sites website.

What is a favicon?

According to Wikipedia, a favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16 pixel square icon associated with a particular website or webpage. The favicon is often displayed in your browser's address bar, bookmarks/favorites list, tabs and even desktop shortcuts to web pages

Full Article

For the full instructions on how to add a favicon to Google Sites go to Adding a Custom Favicon (Unofficial Google Sites Help)

Acknowledgements

Many thanks to bcj19 of KC Cloud Solutions for this article.

Google Sites - Move Pages

posted 11 Mar 2010 11:49 by Stephen Hind   [ updated 12 Apr 2010 03:06 ]

Google Sites offers the ability to Move pages to sub-pages of other pages, or to Top-Level pages.


More Actions - Move Page

Move Page - Dialogue Box

Instructions

  1. Go to the page you want to move and do not edit it.

  2. Use the More Actions button then Move page.

  3. Once the Move Page dialogue box appears use the Site map link to see a hierarchical tree view of your site.

    1. To move the page to the Top-Level then click the page at the top of the tree (it should show your site name next to it).

      The screenshot, below on the right, shows the Move Page dialogue box with the Top Level selected (steegle.com) to move the page to the top level.

    2. To move the page to a sub-page then click the page you want to be the parent page.

  4. Use the Move button and the pages moves to its new position.

This features allows you to move any page to anywhere in the hierarchy.

Google Sites - Site Templates - Template Tips

posted 30 Nov 2009 04:49 by Stephen Hind   [ updated 31 Jan 2010 13:38 ]

Google Sites now offers Site Templates to get you started with a structure and a good looking theme.  Google Have also provided Template Tips site to help you change your site to how you want, as there may be some elements of the Templates that you do not know how to edit.

Site Template Logos

If you want to be able to change the logo at the top of the page (the area that has "Name" followed by "your tagline goes here") in the header you can download the logos, in JPEG and Photoshop PSD format, from the Template Assets page.

Site Template Content Editing

The Template Tips page gives comprehensive instructions on each area of the site so you know which part of the template is which.  The Tips also include a set of instructions on how to change the content on the site so you can remove the default content and add your own - see the Topics list on the right.


Google Sites - Site Templates - GeThemes.com / Steegle.com Mash-up

posted 26 Nov 2009 15:00 by Stephen Hind   [ updated 28 Nov 2009 15:20 ]

Google has released Site Templates which means when you make a new site you can pick a template with a custom theme and structure ready for use.  Steegle.com has teamed up with GeThemes.com to use the themes made by GeThemes.com to make templates with the themes ready for use.


Instructions

  1. Use one of the links or images on the right to choose the template you want to use.
  2. Once opened use the Create a site from this template link.
  3. Don't forget to Name your Site and Your site will be located at this URL.
  4. Use the Create site button and you're done.

At the minute we have only created one template (Steegle / GeThemes Clouds) but there will be more to come.  The Steegle / GeThemes Clouds has a structure but future templates will have no structure, just the theme applied with the correct sizes.

More Templates

If you want a template made for your website please get in touch and we'll see what we can do.


‹ Prev    1-10 of 36    Next ›

  Sign in   Recent Site Activity   Terms   Report Abuse   Print page  |  Powered by Google Sites