Tools‎ > ‎

Google Sites

The gadget spec URL could not be found
The gadget spec URL could not be found
Google Sites is the world's best free website builder, with the easiest WYSIWYG webpage editor!


For help and tutorials, see


Page background image continues to the edge of the browser, regardless of how short your content is

Page wrapper background image sits on top of the background image, but stops after the last line of content

Scripting Google Sites


Sites API

Creating a Soccer Club homepage

Custom Ads

It is easy to add Google AdSense ads, but difficult to add custom ads

Use a Google Gadget with an iframe, do not put the ad in directly. If you do, it may work for some Flash ads and show a mysterious solid white rectangle for others.

For example

^-- This Google Gadget adds the DFP code directly. It shows Age of Conan and Lords Online Flash ads, but not NapWar Flash ads

^-- This Google Gadget wraps the DFP code in an iframe and shows all Flash ads correctly

Google Site Templates

Google opened the door for anyone to submit their Google Site as a template for others to use!

See Google's own templates

When creating a new Google Site, cilck Browse Gallery to see all the user-submitted templates.

Transparent IFrames

To make iframes transparent
  • In "More actions | Manage site | Colors and Fonts", set "Content gadget background color" to "none"

  • Create a minimal Google Gadget with "allowtransparency=true" and specifying "body { background-color:transparent }"
<?xml version="1.0" encoding="UTF-8" ?>
    title="The Game Net Footer x210"
    author="George Vanous"
    author_email="[email protected]"
<Content type="html"><![CDATA[
<style type="text/css">body{background-color:transparent}</style>
<iframe src="" width="100%" height="210" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" allowtransparency="true"></iframe>

Google Sites Gadgets

How to build a Google Sites gadget

Google Sites Videos

To embed wide-screen videos, like in TGN Wikis

Use (modified 640x385 YouTube-given embed code)

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=",0,40,0" width="477" height="293">
<param name="width" value="477" />
<param name="height" value="293" />
<param name="src" value="$code&amp;hl=en_US&amp;fs=1&amp;" />
<param name="allowscriptaccess" value="always" />
<param name="allowfullscreen" value="true" />
<embed type="application/x-shockwave-flash" width="477" height="293" src="$code&amp;hl=en_US&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed>

or 484x298