Google Ajax Feed API (RSS)





AJAX RSS Feed API :

Simply change the Feed URL: http://www.goopal.org/bugs/posts.xml


Using the GGE (Google Gadget Editor) and the Ajax Api code below.
Save the XML file (When logged in to your google account)
In Google sites  Insert> More Gadgets > Add Gadget by URL



Ajax API code (for GGE) to embed RSS Feed:

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="hello world example" height="300" width="600"/>
<Content type="html">
<![CDATA[


<div id="feed-control">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
</div>

<script src="http://www.google.com/jsapi?key=notsupplied-wizard"
type="text/javascript"></script>

<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
#feed-control {
width : 450px;
height : 260px;
padding : 10px;
}

</style>

<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [
{title: 'Google Sites - Bug blog',
url: 'http://www.goopal.org/bugs/posts.xml'
}];
var options = {
stacked : false,
horizontal : false,
title : "",
fadeOutTime : 1000
}

new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->

]]></Content>
</Module>

New!

Google Sites JavaScript using 
the Google API Library.
Supported directly in the HTML Box for Google Sites

JavaScript & jQuery are now supported through the HTML Box - Caja system in Google Sites.

jQuery UI (User Interfaces) can be added through Google Apps Script in  Google Sites with a minimal amount of code.