THIS PAGE HAS BEEN REPLACED PLEASE CLICK HERE TO SEE THE NEW SITE

Information on using Google Page Creator is placed here.

Need help, tutorials or guides on how to use Google Pages? Well you have found the right place. There are lots of small fixes that can be used to overcome some of the perceived limitations of Google Pages. If you have never published a web page before and have no knowledge of google pages here is a short PDF guide to how to use it. Google pages is a powerful tool for people with little or no technical experience. 

This page contains information on:

 For information on the following click the links:

Adding a hit counter or stat counter to your page

There are many hit counters that you can get on the web to monitor your new site. My fav is http://my6.statcounter.com/ because of the reporting functionality it offers, the fact it is invisible and that you get excellent tracking from it.

To add it to your page just click in one of your text areas. Personally I choose the footer and click edit the HTML code. In there paste the code that is given to you when you go through the setup process on the hit counters website. It is important to note in the setup of the stat counter it will ask you if your page uses frames. Google pages does NOT use frames. So Select one of the other options and away you go it works.

Statcounter.com even offers invisible hit counters so that your visitors do not know that you are logging there visits to your website.  If you have any problems putting this on to your page, please contact me through my Q & A page. 

For optimal reporting on you users consider using Google Analytics. Here is a gadget that I am currently working on for placing google analytics on a page. It is still undergoing testing so may not work at the moment.

Send your comments, questions and feedback here.

Still stuck after asking a question, why not try out Jo's tutorial.

Linking Pictures

I just read something that said this can't be done I don't believe it for a second. Ok it can't be done through the normal GUI editor. But you can put a picture using that editor. Then select the text area that you have put the picture and click on the edit HTML link in the bottom right hand corner. Once you have done that adjust the html code to read.

<a href="page name">
<img border="0" src="Image name as google put it" width="65" height="38">
</a>

Here is an example that links to my home page.

I have found that I had to put my browser to a full screen mode to still be able to see the edit HTML link.

Send your comments, questions and feedback here.

Adding Files or Podcasting

Adding files or links to podcasts is really simple using google pages. First of all make the file that you want to publish to the world. Log in to your google pages, write the text for the link. Click on the link button on the left. Choose the file option button. Then click on browse find the file on your computer, click ok and google will do the magic for you.

This is a feature that in I believe the google guys have really got right.

Send your comments, questions and feedback here.

Adding Videos and Music

Take a look. It took a while but I have found the problem and the solution. Google Page creator originally did not support HTML 4.0 or  newer standards anyway. As such it does not support embedded content. 

Since then however Google have updated this and as such I have updated the work around, as a work around is no longer needed!

First go to Google Video and find the video that you would like to embed. Then click on share this video and click on link. This will give you some code similar to the code shown below. The code below is for a video of one of the up and coming bands that I really like at the moment.

<embed style="width:400px; height:326px;" id="VideoPlayback" align="middle" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=5789756525305189160" allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL"  FlashVars="playerMode=embedded"> </embed>

Once you have copied the code go to your google pages page and click on the edit HTML button. Find where you would like to put your video and simply press CTRL and V to paste the code in. The video will then appear in a similar manner to the one below:

Hope this helps, if you need further assistance be sure to contact me through the Q&A page.

Send your comments, questions and feedback here.

Still stuck why not try out Jo's tutorial on this?

Lots of pictures and getting that arrangement right

Placing lots of pictures on a page using the drag drop interface is a nightmare. But if you want to put lots of pictures side by side then you should look at using tables. An example is shown below.

Image1 Image2

 The code that is used to produce this is shown below. 

  <table width="100%"> <tbody> <tr><td style="text-align: center;"><a href="Cyquin3copy.gif/Cyquin3copy-full.gif" style="border: 0pt none ; background-color: transparent; clear: left; margin-bottom: 1em; margin-right: 1em;"><img style="" src="Cyquin3copy.gif/Cyquin3copy-small.png"></a></td><td style="text-align: center;"><a style="border: 0pt none ; background-color: transparent; clear: left; margin-bottom: 1em; margin-right: 1em;" href="Cyquin3copy.gif/Cyquin3copy-full.gif"><img src="Cyquin3copy.gif/Cyquin3copy-small.png" style=""> </a></td> </tr> <tr><td style="text-align: center;">Image1</td><td style="text-align: center;">Image2</td> </tr> </tbody></table> 

 A good guide for how to build table and use tables in HTML is shown here.  

Send your comments, questions and feedback here.

 MP3 Streaming from your Site 

Ok so lots of bands are gonna start setting up google pages, or people who want to play music to their visitors well here is a way of doing it. It is by no means the only way.  Especially as Google now supports embedded content. You may also want to take a look at XSPF in Google Pages.

First of all before you start this will not work on your initial home page but it will work on all sub pages. This is because you cannot upload a HTML file as your initial home page and the edit HTML does not support embed tags. 

Download this javascript file as this will be required to play the music later. 

Create the page you want to put music on. Publish the site and navigate to it. Click in your browser on view source and save the source code to your computer. 

Open the file up and between the somewhere between <head>
and </head> (this is near the top) add the following code: 
 
<script language="JavaScript" type="text/javascript"
src="soundpop.js"></script>

 

Within your page and in one of the frames that you have typed text add the following code:


 <object width="0" height="0">
 <param name="src" value="FILENAMEHERE.mp3">
 <param name="autoplay" value="true">
 <param name="controller" value="true">
 <embed src="FILENAMEHERE.mp3" autostart="true" 
  loop="true"
 width="0" height="0" controller="false"></embed>
 </object>

Replace FILENAMEHERE.mp3 with the name of the MP3 that you 
would like to play to your visitors. Save this page to 
your computer. Now go to the page manager in google pages. 
 
On the right hand side you are able to upload files.
click browse and upload your the javascript file that you, 
saved earleier, the HTML file you have adjusted and the 
mp3 that you would like to play on your site. 
 
On your home page etc. create a link to your new page
which will be called. 
http://YOURLOGIN.googlepages.com/pagename.html 
 
When you browse this page you should be able to hear music
as shown on the example page. 
 
Please note that this plugin uses quicktime player, and so
if you do not have the quicktime extension installed it, 
will not function correctly. 
 
Special thanks for code goes to the O'Reilly site for
demonstrating how use javascript for such mp3 media. 
 
Send your comments, questions and feedback here.
 
Still stuck on this, why not check out Jo's tutorial.