Google Setup

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

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

Articles explaining how to do various tasks on Google Sites 


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 - Basics - Delete Images or Attachments - Recover Space

posted 15 Jan 2012 13:24 by Stephen Hind   [ updated 15 Jan 2012 15:44 ]

These instructions tell you how to delete any images, files or attachments you upload to your site, releasing the space they use.  At the moment Google Sites does not provide a means to delete images uploaded to the sidebar, so I suggest you always upload your images to a page (then add them to the sidebar by web address) so you can delete them if you need to.

Instructions

Delete Files Temporarily (soft delete)

  1. Sign in to your Google Site

  2. Use the More button (formerly More Actions) and then Manage Site (or keyboard shortcut g then m) and go to Attachments.

  3. You will see a list of all the images, files and attachments available on your Google Site: find the file or files you wish to delete and check the checkbox on the left of the file(s).

  4. Use the Delete button at the top of the page and the files will disappear from the list.

You can recover images, files and attachments deleted in this manner for 30 days (then they get deleted automatically) and whilst they remain temporarily deleted they still use space on your site.

Recover Temporarily Deleted Files
or
Delete Files Permanently (hard delete)

  1. Sign in to your Google Site

  2. Use the More button (formerly More Actions) and then Manage Site and go to Deleted items

  3. You will see a list of all the images, files and attachments available for recovery or permanent deletion: find the file or files you wish to recover or permanently delete and check the checkbox on the left of the file(s).

  4. Use the Recover button to restore the deleted file back to its original location or the Delete permanently  button to delete the file forever and recover the space for your site.

If you permanently delete these files they become completely unrecoverable and they space they use becomes available.


Screen Shots

Click for larger images

Google Sites - More Button (formerly More Actions)

Google Sites - More button (formerly More Actions button)

Google Sites - Manage Site - Attachments

Google Sites - Manage Site - Attachements - Delete

Google Sites - Manage Site - Deleted Items

Google Sites - Manage Site - Deleted Items - Restore or Delete Permanently

Google Sites - Facebook Like Button Gadget

posted 16 Oct 2011 14:01 by Stephen Hind   [ updated 6 Dec 2011 05:15 by Stephen Hind ]

Lots of people like to use Facebook so I created a gadget to add a Facebook Like button to your Google Site.  These instructions tell you how to add the Steegle.com Facebook Like Button Gadget to your Google Site. This gadget can auto-detect the page's URL so you don't need to add it, so you can add to a page template and it will work without further configuration.

Note: If you have installed any browser extensions to stop the Facebook Like Button, e.g. "Facebook Disconnect" then this gadget will not work either.



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-facebook-like-button.xml
    and use the Add button

  5. You can choose to set these optional attributes:
    • URL to Like (leave blank for automatic) - the web address you want your visitors to Like on Facebook.  Leave this blank if you want the gadget to detect the page URL automatically.

    • Layout style - Choose if and where you want the count box to appear (see examples on the right in this how to).

    • Width - enter a width for the gadget in pixels (you may need to experiment with this to get it right on your page and make sure that nothing of the Like button gets cropped).

    • Show faces - choose whether to display the face of the people who use the Like button.

    • Verb to display - choose whether to display a Like button or a Recommend button.

    • Font - choose the font you wish to use on the button

    • Colour Scheme - choose the colour scheme for the button, Light or Dark

  6. Untick the Include a border around gadget and Display title on gadget boxes and set the height and width to appropriate values.

  7. Use the OK button

You're done!   

Screen Shots

Steegle.com - Facebook Like Button Preferences

Google Sites - Facebook Like Button Gadget - Preferences

Steegle.com - Facebook Like Button Styles

Like Button - Standard


Like Button - Horizontal Count


Like Button - Vertical count

Recommend Button - Standard - Dark


Google Sites - Add a Google +1 Button

posted 17 Sep 2011 14:10 by Stephen Hind   [ updated 16 Oct 2011 15:36 by Stephen Hind ]

Google Sites now provides the Google +1 button so you can embed it in your site sidebar and in your pages' content area.


Instructions

Add +1 Button to Sidebar

  1. Sign in to your Google Site
  2. Use the More button then Manage Site (alternatively you can use the keyboard shortcut g then m) and go to Site Layout

  3. At the bottom of the Sidebar section use the Add a sidebar item link

  4. Once the Choose a new page element dialogue box appears scroll to find the +1 button and use the Add button

  5. Move the the place-holder for the button up or down, if you wish (click and drag with your mouse)

  6. Use the Save button (next to Manage Site) and your +1 button will appear in the side bar

Notes on Google Sites +1 Button Sidebar usage

When you add a +1 button to the site sidebar then Google Sites will make it appear automatically on all pages.  When a visitor uses the +1 button it will +1 the page the visitor uses it on and not just +1 the site.  You cannot specify the format of the +1 button but you can in the page content version of the +1 button, see below.

Add +1 Button to Page Content Area

  1. Sign in to your Google Site and navigate to the page you want to add the +1 button to

  2. Use the Edit Page button Google Sites Edit Page Button (alternatively use the keyboard shortcut e) then the Insert menu and choose +1 button

  3. Once the Insert +1 button dialogue box appears choose whether to Show the click count and the Size, then use the Save button and the +1 button will appear.

  4. If you click on the +1 button while in the editor the +1 button's attributes pop-up appears

    Google Sites - +1 Button - Attributes Pop-up
    and you can choose to alter its:
    • Properties Google Sites - +1 Button - Properties Button 

    • Alignment (left, centre or right) Google Sites - +1 Button - Alignment Buttons 

    • Wrapping (wrap or no wrap) Google Sites - +1 Button Alignment Buttons 

    • or Remove the +1 button Google Sits - +1 Button - Remove Button

  5. Use the Save button (top-right) to save the page and your page will display the +1 button.

Availability

You can get this feature now on stand-alone/consumer/personal Google Sites and Google Apps domains with the Rapid Release track enabled.

+1 Button - Page Content Area - Sizes 

+1 Button - Small

Google Sites - +1 Buttons - Small - Count and No Count

+1 Button - Medium

Google Sites - +1 Buttons - Medium - Count and No Count

+1 Button - Standard

Google Sites - +1 Buttons - Standard - Count and No Count

+1 Button - Tall

Google Sites - +1 Button - Tall

Screen Shots

Click for larger images

+1 Button - Edit Sidebar

Google Sites - +1 Button - Edit Sidebar

+1 Button - Choose a new page element - Dialogue Box

Google Sites - +1 Button - Choose a new page element - Dialogue Box

+1 Button - Page Content Area - Insert - Dialogue Box

Google Sites - +1 Button - Insert - Dialogue Box

Google Sites - Page-Level Permissions

posted 26 Aug 2011 14:03 by Stephen Hind   [ updated 16 Oct 2011 16:03 by Stephen Hind ]


Google Sites now offers Page-Level Permissions, which means you can invite users to your Google Site and give them different permissions for different parts and pages on the site.  This means some users could only view certain pages and edit others.


Introduction

To give a user a specific permission on a page you first need to invite that user to the site, once you invite the user to the site you can then grant specific permissions on individual pages for that user.  Pages can also provide different visibility levels but you can only make a page less visible than its parent or the site.  The site navigation also respects the page-level permissions so if set a page's visibility to Private, on a public site, the page will not appear in the navigation to the public but only to those who can see the page.

Instructions

Access Sharing and Permissions

  1. Sign in to your site
  2. Use the More button then Sharing and Permissions
  3. Alternatively you can use the keyboard shortcut: hold down the Shift key and press the S key.

Enable Page-Level Permissions

  1. Use the Enable page-level permissions link.

  2. Use the Turn on Page-Level Permissions button.

  3. The permissions box moves to the right and a sitemap appears on the left.

Adding users to the Site Level (Top Level)

  1. Access Sharing and Permissions
  2. In the Add People box enter the e-mail addresses of those you want to invite to the site (or use the Choose from contacts link to choose people from your contacts)

  3. Choose from the drop-down box one of the following access levels:

    • Is Owner - this gives full site-wide access to the site to the invited user can: delete the site; change the site theme; change the site layout; map a web address to the site; enable Google Analytics; enable Google Webmaster Tools; all other site-wide options; create, edit and delete all pages and perform all other page-level functions. You cannot remove owners from a page's permissions

    • Can Edit (formerly Collaborator) - this gives full page-level access to the site to the invited user can: create, edit and delete all pages; change page templates; move pages and view all pages.  You can remove this permission from a pages' permissions or change an editor to a viewer on a page.

    • Can View (formerly Viewer) - this allows the invited user to view all pages.  You can remove this permission from a pages' permissions or change a viewer to an editor on a page.

  4. Choose if you wish to Notify people by e-mail and if so enter a message to the users (optional).

  5. Choose whether to Send a copy to myself of the invitation.

  6. Use the Share button to invite the people.

Choose Page Permissions Inheritance Option

  1. Either navigate to the page you want to give different permissions to and access Sharing and Permissions or access Sharing and Permissions and find the page you want to give different permissions to in the sitemap provided.

  2. On the right-hand side choose one of these options for the inheritance you want for the page:

    • Use the same permissions and members as Parent Page.
      This option means that the page will inherit exactly the same permissions as its parent, so the page does not use different permissions: so viewers to the parent page can also view this page and editors can also edit.

    • Start with the list below and include any future changes to Parent Page.
      This options means that you can add different permissions to this page but changes to permissions of the parent page will also happen to this page.  This may mean that changes in permissions to the parent page can override specific permissions granted on this page.

    • Start with the list below but ignore any future changes to Parent Page.
      This option means this pages starts with a copy of the parent page's permissions and you can change the permissions as you wish and any changes made to the parent page do not happen on this page. 

  3. Use the Save button to activate the inheritance option.

Apply Specific Visibility to Page

Note: Google Sites Page-Level Permissions only allows you to make a page less visible than its parent or the site, so you cannot make a page public on a private site, but you can make a page private on a public site.  This means if you want a private site with some public pages then you achieve this by making a public site with private pages/areas.

  1. Either navigate to the page you want to give different permissions to and access Sharing and Permissions or access Sharing and Permissions and find the page you want to give different permissions to in the sitemap provided.
  2. On the right-hand side use the Change link next to the visibility level chosen.

  3. Choose a visibility options less than the current level.  For a full list of visibility levels, with explanations of what each level provides, see Google Sites - Site Sharing and Visibility Options

  4. Use the Save button to apply the new visibility level.

Apply Specific Permissions to Page

  1. Either navigate to the page you want to give different permissions to and access Sharing and Permissions or access Sharing and Permissions and find the page you want to give different permissions to in the sitemap provided.
  2. On the right-hand side choose the user you want to change the permission level of.

  3. Choose from the drop-down box the different permission you wish to grant to the user, either

    • Can Edit  - this allows the user to edit the entire page, change the page settings, upload attachments, and add comments. 

    • Can View - this allows the user to only view the page.

    • Note: Google Sites Page-Level Permissions does not provide a page owner level: ownership only applies to the site level.

  4. Use the Save Changes button to apply the new permissions.

Remove a User's Access to a Page

  1. Either navigate to the page you want to give different permissions to and access Sharing and Permissions or access Sharing and Permissions and find the page you want to give different permissions to in the sitemap provided.

  2. On the right-hand side use the X next to the user: this will grey out/ghost the user.

  3. Use the Save Changes button to remove the user's access.

  4. The user now shows no access level and only ------- with a drop-down menu to grant an access level.

Screen Shots

Click for larger images

Enable Page-Level Permissions

Google Sites - Enable Page-Level Permissions

Page-Level Permissions - Site Level

Google Sites - Page-Level Permissions - Site Level

Page Permissions Inheritance Options

Google Sites - Page-Level Permissions - Inheritance

Page-Level Visibility - Public Site

Google Sites - Page-Level Visibility - Public Site

Page-Level Visibility - Google Apps Domain Site

Google Sites - Page-Level Visibility - Google Apps Domain Site

Page-Level Permissions

Google Sites - Page-Level Permissions

Remove User's Access from a Page

Google Sites - Remove User's Page Access

User's Page Access Removed

Google Sites - User's Page Access Removed


Google Sites - Embed Google Docs Video

posted 9 Jul 2011 15:55 by Stephen Hind   [ updated 16 Oct 2011 16:01 by Stephen Hind ]

Google Sites now provides Google Docs Video embedding.  This means you can now make use of some advantages over YouTube video embedding: add videos stored in Google Docs that do not provide links to related videos; and you can share the videos privately with more than 25 users, e.g. a whole Google Apps domain. The embed tool also lets you pick a custom size for the video without the need to use custom code.


Instructions

  1. Sign in to your site and use the Edit Page button on the page you wish to embed the video

  2. Use the Insert menu, go to Video and then Google Docs Video

  3. Choose the video you wish to embed from your list of Google Docs Videos and use the Select button

  4. Choose whether to display a border or title with your video and what width and height you wish to display your video at, then use the Save button

  5. Use the Save button on the page and your video will appear on the page.

Advantages

You can already embed videos from YouTube in your Google Site so why use Google Docs Videos?  If you do not want to display links to related videos, as YouTube does by default, Google Docs videos do not provide these links (you can disable these links on YouTube videos but you then need to use custom code to embed them in your site).  YouTube only allows you to share a video with 25 people: Google Docs videos does not impose any limit and if you use Google Apps you can take advantage its sharing options.

Disadvantages 

The full-screen button does not work at the moment.  Google know of this issue and are working on a fix.

None: Google have fixed the full-screen button so it works correctly now.

Availability

You can get this feature now on stand-alone/consumer/personal Google Sites and Google Apps domains with the Rapid Release track enabled.

Screen Shots

Select Google Docs Video to Embed

Choose a Google Docs Video to embed in your Google Site

Insert Google Docs Video

Insert Google Docs Video to your Google Site - choose title, border, width and height

Google Sites - Mobile View (not editing)

posted 27 Jun 2011 04:53 by Stephen Hind   [ updated 16 Oct 2011 15:56 by Stephen Hind ]

Google Sites now provides a Mobile View (not editing) for smart-phones, mobile phones and other mobiles devices like iPhone and Android-based devices. The updates include: the horizontal navigation now works with touch screens; the sidebar can expand and collapse (pop-in and pop-out), which automatically collapses in portrait viewing mode and expands in landscape mode; and all the System Footer links, apart from "powered by Google Sites" disappear to give more vertical space and avoid wrapping.

These instructions tell you how you can enable the Mobile View (auto-rendering) for your Google Site.

If you want to edit a Google Site on an iPad then update your iPad to iOS5 and you can.  For more information see the post I made exclusively on the iPad.



Instructions

  1. Sign in to your site

  2. Use the More Actions button then Manage Site (or use the keyboard shortcut g then m)

  3. Go to General and scroll to the bottom of the page

  4. Tick the Mobile - Automatically adjust site to mobile phones box then use the Save Changes button

  5. Use the More Actions button then Preview as viewer (or use the keyboard shortcut g then p) and you will see the new Mobile option in the yellow notification bar at the top of the page:

       Preview page as viewer ( Mobile | Desktop )  

    Use the Mobile link to see the mobile view.

Restrictions

If your site contains items with a fixed width, a gadget, AdSense Ad or image wider than the screen size available this will appear wider than the display. 

The mobile view only works on iOS or Android 2.2+ devices.

Availability

You can get this feature now on stand-alone/consumer/personal Google Sites and Google Apps domains with the Rapid Release track enabled.

Screen Shots

General - Manage Site - Enable Mobile View

Enable Mobile View for Google Sites in the General section of Manage Site

Click for a larger image



Google Sites - Customise System Footer Links

posted 25 Jun 2011 06:05 by Stephen Hind   [ updated 16 Oct 2011 16:07 ]

Google Sites now provides the ability to hide the Sign In, Recent Changes and Print Page links from your System Footer.  These instructions tell you how to use the new Customise System Footer Links feature.


Instructions

  1. Sign in to your site

  2. Use the More Actions button then Manage Site (or use the keyboard shortcut g then m)

  3. Go to Site Layout and scroll to the bottom of the page

  4. Use the Customise System Footer Links link

  5. Choose which links you wish to hide (you cannot hide the Terms, Report Abuse or Powered by Google Sites links) 

  6. Use the OK button then the Save Changes button

  7. Use the More Actions button then Preview as viewer (or use the keyboard shortcut g then p) and you will see the changes when you look at the site as a viewer (when signed in as owner you always see the Recent Site Activity and Revision History links).

Other Options

If you chose to enable automatic mobile rendering for your site you will see an additional Hide Site as Desktop option to hide the Desktop link when mobile viewers visit the site.

Availability

You can get this feature now on stand-alone/consumer/personal Google Sites and Google Apps domains with the Rapid Release track enabled

Screen Shots

Customise System Footer Links - Dialogue Box

Customise System Footer Links pop-up dialogue box

Google Sites - Twitter Tweet Button Gadget

posted 6 Jun 2011 04:37 by Stephen Hind   [ updated 16 Oct 2011 13:42 by Stephen Hind ]

Twitter have released a new Tweet button, so I created a gadget to add them to your Google Site.  These instructions tell you how to add the Steegle.com Twitter Tweet Button Gadget to your Google Site. This gadget can now auto-detect the page's URL so you don't need to add it, so you can add to a page template and it will work without further configuration.


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-twitter-tweet-button.xml
    and use the Add button

  5. You can choose to set these optional attributes:
    • URL to share - the web address you want your visitors to tweet about (normally the page you add the button to and Twitter shortens this URL for you automatically).  Leave this blank if you want the gadget to detect the page URL automatically.

    • Twitter user to attribute - suggest anyone you want to mention in the tweet: add your own Twitter screen name if you wish.

    • Default tweet text - suggest any text for the tweet.

    • Related Twitter users - other Twitter users you wish to mention.

    • Count box position - Choose if and where you want the count box to appear (see examples on the right in this how to).

    • Language - the gadget offers English, French, German, Italian, Korean, Japanese and Spanish.

    • URL to which your shared URL resolves to - the actual URL that the shared URL resolves to (if you provide a shortened URL in the URL to share box provide the long URL here).  Leave this blank if you want the gadget to detect the page URL automatically.
  6. Untick the Include a border around gadget and Display title on gadget boxes

  7. Use the OK button

You're done!    

Screen Shots

Steegle.com - Twitter Tweet Button Preferences

Steegle.com - Twitter Tweet Button Styles

Tweet Button - No Count


Tweet Button - Horizontal Count


Tweet Button - Vertical count


Google Sites - Twitter Follow Button Gadget

posted 5 Jun 2011 18:07 by Stephen Hind   [ updated 16 Oct 2011 15:44 by Stephen Hind ]

Twitter have released a new Follow button, so I created a gadget to add them to your Google Site.  These instructions tell you how to add the Google Sites Twitter Follow Button Gadget to your Google Site.


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-twitter-follow-button.xml
    and use the Add button

  5. Enter your Twitter screen name (required) and choose whether you want to display the number of followers you have (Followers count display)

  6. You can change more optional extras:
    • Button colour - you can choose blue, the default, or grey which displays better on darker backgrounds.

    • Link colour - alter the colour of your Twitter screen name

    • Text colour - alter the colour of your follower count

    • Language - the gadget offers English, French, German, Italian, Korean, Japanese and Spanish.

  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 - Twitter Follow Button Preferences

Steegle.com - Twitter Follow Button Styles

Blue Button with Follower Count

Blue Button without Follower Count

Blue Button with custom Text and Link Colours


Google Sites - Subscribe to Site Changes for Viewers - Google Apps Script

posted 9 Apr 2011 07:18 by Stephen Hind   [ updated 16 Oct 2011 15:48 by Stephen Hind ]

Romain Vialard has written a Google Apps Script to allow Google Sites Viewers to Subscribe to Site Changes.  This article uses Romain's video to demonstrate how to add the Google Apps Script to your Google Site, so your site viewers can subscribe to site changes.

Many thanks to Romain Vialard who works at Revevol, the first worldwide network dedicated to Google Apps and helps global corporations to deploy innovative communication and collaborative solutions in the Cloud by providing expertise, services and best practices.


For a sample of the Google Spreadsheet and links to the template see Romain's site at:
http://sites.google.com/site/subscribetochangesforviewers/



1-10 of 52