Hey guys,

In this tutorial/post i am gonna show you how to make a simple google gadget in three steps. This iGoogle Gadget then can be added on iGoogle page. You do not require any sorta scripting language for this and do not even require any webspace for that. You can simply write your gadget with simple html and/or javascript basics.

Step 1:

Login into your google account and open the iGoogle page. You might have to signup for the google sandbox, if you haven’t yet. After you signup add the first gadget for which gonna help you in development of gadgets, that is, developer tools gadget. It will ask you to add 2-3 gadget and i belive all of them are useful. So add them(you can always remove them later on, if you feel they are not important).

Step 2:

Now that you have added the tools to get started, lets goto the Google Gadget Editor, which gives you a neat text editor to write your own gadget in the form of an XML file. It will host your gadget on the google server for you. By default it opens a sample Hello World gadget for you, as shown below.

<?xml version="1.0" encoding="UTF-8" ?>
<ModulePrefs title="Hello World!" />
<Content type="html">
Hello, world!

Step 3:

This is good to start with. You can play around inside the CDATA section, which lets you embed any sort of code inside that. You can write your HTML as well as JS logic to perform any basic operation by your gadget. What else ? You can also embed any ready to use html snippet code inside this CDATA section to actually render that gadget inside your gadget.

But please consider all the copyright information before copying stuff from other websites 🙂

Cheers !!
Realin !

Share this post: