Inserting Gadgets from iGoogle


As Google announces the end of iGoogle, it could be nice to replace this service with a Google Sites page. We can insert some Google Gadgets with a bit of special coding.
We begin with the dummy Gadget Eyes, and next we will insert the standard Clock from Google.



The Eyes Gadget


Open the iGoogle page, insert the Gadget. Click on About this Gadget. Use the button Tools for Webmasters and choose Insert this Gadget. We get the following code : 



<script src="//www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/eyes/eyes.xml&synd=open&w=320&h=121
&title=Eyes&lang=en&country=ALL
&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js">
</script> 



To insert this script within a page, we need to add 3 things (the protocol http:, we replace the subdirectory ig with gadgets and we define the view of the gadget) :



<script src="http://www.gmodules.com/gadgets/ifr?view=home&url=http://www.google.com/ig/modules/eyes/eyes.xml&synd=open&w=320&h=121
&title=Eyes&lang=en&country=ALL
&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js">
</script> 



We need to create a custom Google Gadget to insert this script within a page of Google Sites. I create the following Gadget :



Eyes Gadget from iGoogle




URL de spécification du gadget introuvable



The Gadget is encapsulated within a border, with a title. We can insert the Gadget using an iframe. We copy the last code :



<script src="http://www.gmodules.com/gadgets/ifr?view=home&url=http://www.google.com/ig/modules/eyes/eyes.xml&synd=open&w=320&h=121
&title=Eyes&lang=en&country=ALL
&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js">
</script> 



We then define the iframe :



<iframe
style="width: 100%; height: 200px;"
src="http://www.gmodules.com/gadgets/ifr?view=home&url=http://www.google.com/ig/modules/eyes/eyes.xml"
allowTransparency="true" frameborder="0" scrolling="yes">
</iframe>




We just insert the iframe (directly within the html of the page or using the standard Google Sites Gadget). The Eyes Gadget powered by Google







The Standard Clock Gadget



Open the iGoogle page, insert the Gadget. Click on About this Gadget. Use the button Tools for Webmasters and choose Insert this Gadget. We get the following code : 



<script src="//www.gmodules.com/ig/ifr?url=http://www.gstatic.com/ig/modules/datetime_v3/datetime_v3.xml
&up_color=blue&up_dateFormat=wdm&up_firstDay=1
&up_clocks=%5B%5D&up_mainClock=&up_mainClockTimeZoneOffset=&up_mainClockDSTOffset=&up_24hourClock=true&up_showWorldClocks=true&up_useServerTime=false
&synd=open&w=416&h=600&title=Horloge&lang=fr&country=ALL&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js">
</script>




To insert this script within a page, we need to add 3 things (the protocol http:, we replace the subdirectory ig with gadgets and we define the view of the gadget) :




<script src="http://www.gmodules.com/gadgets/ifr?view=home&url=http://www.gstatic.com/ig/modules/datetime_v3/datetime_v3.xml
&up_color=blue&up_dateFormat=wdm&up_firstDay=1
&up_clocks=%5B%5D&up_mainClock=&up_mainClockTimeZoneOffset=&up_mainClockDSTOffset=&up_24hourClock=true&up_showWorldClocks=true&up_useServerTime=false

&synd=open&w=416&h=600&title=Horloge&lang=en&country=ALL&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js">
</script>




We will directly use the iframe way to insert the Gadget :



<iframe style="width: 420px; height: 200px;" src="http://www.gmodules.com/gadgets/ifr?view=home&amp;url=http://www.gstatic.com/ig/modules/datetime_v3/datetime_v3.xml&amp;up_color=blue&amp;up_dateFormat=wdm
&amp;up_firstDay=1&amp;up_clocks=%5B%5D
&amp;up_mainClock=&amp;up_mainClockTimeZoneOffset=&amp;up_mainClockDSTOffset=
&amp;up_24hourClock=true&amp;up_showWorldClocks=true&amp;up_useServerTime=false
"
allowTransparency="true" frameborder="0" scrolling="yes">
</iframe>



The result,  the Clock Gadget powered by Google




More informations







URL de spécification du gadget introuvable


URL de spécification du gadget introuvable


URL de spécification du gadget introuvable



Find a Wine with Google CSE

URL de spécification du gadget introuvable
 


URL de spécification du gadget introuvable


One Day - One Label - One Wine

URL de spécification du gadget introuvable