Before starting our tutorial you should know what is Gadget. Gadget is a simple computer application, which is developed without any Programming or designing application.Gadget are works with it own environment.I had seen most of the gadget are written in JavaScript ,XML,etc...Here we are going to create the simple gadget with Google gadget Editor .This can be used in your Desktop and also in your website .For publishing your gadget you can use google code!.Here is simple screenshot of Gadget.

How to create a Google Gadget:

Follow the step by step instruction to create a google gadget.

1.First open the google gadget Editor with your google account .You may also use google gadget editor without Login.But after coding you can't upload it and also can't publish your gadget.So you need to login with google account.

2.In the Editor write your code for the Gadget .If you don't know how to write code ,no problem i will exaplain it in the following section.Mostly google gadget are written using Javascript and XML.

3.After finishing coding ,you save your gadget code with the Google Gadget Editor .

4.After saving your gadget code, upload it to google Code.After uploading your gadget code publish it .

Coding:

Here the following code is used for making adsense calculator gadget.In this way we need to write a code for gadget.

<?xml version="1.0" encoding="UTF-8" ?>

<Module> <ModulePrefs title="Adsense Calculator" width="300" height="500" description="Google Adsense Calculator" author="Balaji" author_email="balaji153@gmail.com" author_location="Chennai,India" author_affiliation="none" scaling="true" scrolling="true">

<Require feature="analytics" />

</ModulePrefs>

<Content type="url" href="http://balaji153.googlepages.com/adsense-calculator.html" mce_href="http://balaji153.googlepages.com/adsense-calculator.html" />

</Module>

Now copy & paste the code in the Editor .And click preview to see the how the gadget looks .

Thank you for visting my hub

please leave comments if you feel I've left something