How to Make an iGoogle Gadget

If you have iGoogle you know that there are little Games, Clocks, CNN news, and more. Those are all Google Gadgets. I am going to tell you how to make one. If you have knowledge of XML, HTML and/or JavaScript you will find this article easy to understand.((!Please ignore the numbers for steps 6-12!))


  1. Click the “Add Stuff” Button on iGoogle.
  2. Search: GGE or Google Gadget Editor.
  3. Click: Add it Now.
  4. Code should appear on the Google Gadget Editor. (Referred to as the GGE) If code does not appear, that’s okay. Just click: file-new-Hello World.
  5. The code should be:

{{CodeBox| <source lang=”xml”> <?xml version=”1.0″ encoding=”UTF-8″?> <Module> <ModulePrefs title=”hello world example” /> <Content type=”html”><![CDATA[ Hello, world! ]]></Content> </Module> </source> }}

  1. The content goes between <![CDATA[ and ]] (Where “Hello, World!” is)
  2. This is where HTML and JavaScript come in (If you don’t know what they are go to: Erase “Hello, World!” and type this in:

{{CodeBox| <source lang=”javascript”> <script type=”text/javascript”> function bobAlert() { alert(“Ow!!!”)} </script> </source> <source lang=”html4strict”> Click Bob <form id=”f”> <input type=”button” value=”:) ‘I am Bob’”onclick=”bobAlert()”> </form>. </source> }}

  1. Erase Hello World example Where it says ModuloPrefs title=”hello world example” /> and put the title you want after the first quote.
  2. Put author=”Your Name Here” after the ending quote after the title.
  3. Put height=”A number” widht=”A number” after the ending quotes of your name. (replace “A number” with a real number).
  4. Put description=”A discription of your gadget” after the end quotes of “A number”.
  5. Click File-Save As- write: Bob.xml.
  6. Click File-Publish-OK-Publish to iGoogle directory (Ignore any warnings that are above the OK button).
  7. Repeat steps 20 and 21 but click Add to My iGoogle page instead of Publish to iGoogle directory.


  • Try not to make the title too long or people will not be able to find it with a search.
  • Make the description appealing so people want to get the Gadget.
  • The content is just like an HTML page without the <html>, <head>, or <body> tags.
  • If you want to make bigger better Gadgets learn some HTML and JavaScript.


  • Do not use titles that have a copyright.
  • Do not erase anything other than the Hello, World! and hello world example
  • It may take a few days to a few weeks for your gadget to be in the iGoogle directory

Related posts

This entry was posted on Thursday, October 13th, 2011 at 3:06 pm and is filed under Technology. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.