How to insert Google Gadgets |
This solution can be used for other gadgets and widgets as well, including Facebook, Twitter, ect.
1. Google's gadget gallery can be found at: http://www.google.com/ig/directory?synd=open.
2. Select and customize your gadget and click the Get Code.
3. Copy the following code into a Custom Footer Module replacing all code that is already in the module (Custom Header or Navigation module can be used in the Custom Footer Module does not work).
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="text" omit-xml-declaration="yes"/>
<xsl:template match="/">
<![CDATA[
]]>
</xsl:template>
</xsl:stylesheet>
4. Copy the Google Gadget code from Google and paste it between the <![CDATA[ ]]> tags (inside the brackets).
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="text" omit-xml-declaration="yes"/>
<xsl:template match="/">
<![CDATA[
<script src="http://www.gmodules.com/ig/ifr?url=http://mediawebmonster.com/Famouslastwords/Famouslastwords
2/famouslastwords.xml&synd=open&w=320&h=515
&title=&border=%23ffffff%7C0px%2C1px+solid+%23595959%7C0px%2C1px+solid+%23797979%7C0px%2C2px+solid+%23898989&output=js"></script>
]]>
</xsl:template>
</xsl:stylesheet>
Note: Your gadget most likely will not be visible in the Site Designer, please save and view your page in order to see the gadget.
Example: