<style type="text/css">
.feedTitle { color: #ffffff; }
.feedDate { color: #aaaaaa; }
.feedDesc { color: #00c000; padding: 5px; }
.feedDesc img { max-width: 550px; }

#feedText1 a:link { color: #ffcc00; text-decoration: none; }
#feedText1 a:visited { color: #ffcc00; text-decoration: none; }
#feedText1 a:hover { color: #ffffff; text-decoration: none; }
#feedText1 a:active { color: #cccc00; text-decoration: none; }
</style>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("feeds", "1");
$(document).ready(function() {
var myfeeds = new Array();

var tooltipWidth = 560;

myfeeds.push (["Digg Stories/Popular","http://www.digg.com/rss/index.xml",5]);
myfeeds.push (["WoW Blues Comments","http://www.wowblues.com/feed.xml",6]);
myfeeds.push (["New Movies this week","http://us.rd.yahoo.com/movies/rss/thisweek/?http://rss.ent.yahoo.com/movies/thisweek.xml",7]);
myfeeds.push (["Warhammer Current News","http://feeds.warhammeronline.com/warherald/RSSFeed.war?type=current",10]);

// **************************************
// Do not change anything below this line
// **************************************
 for (var k = 0; k < myfeeds.length; k++) {
  feedResult(myfeeds[k]);
 }
function feedResult(currentFeed) {
 var feed = new google.feeds.Feed(currentFeed[1]);
 feed.setResultFormat(google.feeds.Feed.XML_FORMAT);
 feed.setNumEntries(currentFeed[2]);
 feed.load(function(result) {
  if (!result.error) {
   var ftitle = (currentFeed[0] == "") ? (result.xmlDocument.getElementsByTagName("title")[0].firstChild.nodeValue) : (currentFeed[0]);
   var feedText = "<div class='feedTitle'>" + ftitle + "</div>";
   var items = result.xmlDocument.getElementsByTagName("item");

   for (var j = 0; j < items.length; j++) {
    var titleElement = items[j].getElementsByTagName("title")[0];
    var xtitle = titleElement.firstChild.nodeValue;

    var titleElement = items[j].getElementsByTagName("link")[0];
    try {var xlink = titleElement.firstChild.nodeValue;} catch(e) {xlink = "";}

    var titleElement = items[j].getElementsByTagName("pubDate")[0];
    try {var pubDate = titleElement.firstChild.nodeValue;} catch(e) {pubDate = "";}

    var titleElement = items[j].getElementsByTagName("description")[0];
    try {var descript = titleElement.firstChild.nodeValue;} catch(e) {descript = "";}

    pubDate = pubDate.replace(/'/g,"&rsquo;").replace(/\"/g,"&quot;");
    descript = descript.replace(/'/g,"&rsquo;").replace(/\"/g,"&quot;");

    var feedPopup = '<div class=feedDate>' + pubDate + '</div><div class=feedDesc>' + descript + '</div>';

    feedText += (j % 2 == 0) ? '<div class="NormGridRow">' : '<div class="AltGridRow">';
    feedText += '<a =\"ddrivetip(\'' + feedPopup + '\', ';
    feedText += '\'\', \'' + tooltipWidth + '\');\" ="hideddrivetip();" href="' + xlink + '">' + xtitle + '</a></div>';
   }
   feedText += '<br>';
   document.getElementById("feedText1").innerHTML += feedText;
  } else { alert ("feed error from " + currentFeed[0]); }
 });
 }
});
</script>
<div id="feedText1"></div>

• Change the CSS styles in purple to match your site.
• "feedText1" (in blue) should be changed if you use this code more than once on a page.
• Adjust the "tooltipWidth" value (in red) to your desired tooltip width. Note the ".feedDesc img" class a "max-width" to limit the size of any images that may be included in the feed - make this slightly smaller than your tooltipwidth value.
• Add your feed RSS links as follows:
  
  feeds.push (["Feed Title","Feed URL",#]);
  
  
  • To add more feeds, add a block that looks like the above example
  • Replace the text in (orange) with your feed RSS URL.
  • Replace the number (in red) with the number of lines from each feed you want to display.