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!))
Steps
- Click the “Add Stuff” Button on iGoogle.
- Search: GGE or Google Gadget Editor.
-
Click: Add it Now.
-
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.
-
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> }}
-
The content goes between <![CDATA[ and ]] (Where “Hello, World!” is)
-
This is where HTML and JavaScript come in (If you don’t know what they are go to:http://www.w3schools.com) 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> }}
-
Erase Hello World example Where it says ModuloPrefs title=”hello world example” /> and put the title you want after the first quote.
-
Put author=”Your Name Here” after the ending quote after the title.
-
Put height=”A number” widht=”A number” after the ending quotes of your name. (replace “A number” with a real number).
-
Put description=”A discription of your gadget” after the end quotes of “A number”.
-
Click File-Save As- write: Bob.xml.
-
Click File-Publish-OK-Publish to iGoogle directory (Ignore any warnings that are above the OK button).
-
Repeat steps 20 and 21 but click Add to My iGoogle page instead of Publish to iGoogle directory.
Tips
- 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.
Warnings
- 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
