Google Sites is the world's best free website builder, with the easiest WYSIWYG webpage editor!
See
For help and tutorials, see
Background
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
API
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" ?>
<Module>
<ModulePrefs
title="The Game Net Footer x210"
author="George Vanous"
author_email="[email protected]"
author_link="http://www.thegamenet.com/"
/>
<Content type="html"><![CDATA[
<style type="text/css">body{background-color:transparent}</style>
<iframe src="http://tgnad.com/footer-210y.php" width="100%" height="210" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" allowtransparency="true"></iframe>
iframe
]]></Content>
</Module>
Google Sites Gadgets
How to build a Google Sites gadget
Google Sites Videos
To embed wide-screen videos, like in TGN Wikis
http://template.tgnwiki.com/
Use (modified 640x385 YouTube-given embed code)
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="477" height="293">
<param name="width" value="477" />
<param name="height" value="293" />
<param name="src" value="http://www.youtube.com/v/$code&hl=en_US&fs=1&" />
<param name="allowscriptaccess" value="always" />
<param name="allowfullscreen" value="true" />
<embed type="application/x-shockwave-flash" width="477" height="293" src="http://www.youtube.com/v/$code&hl=en_US&fs=1&" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>
or 484x298