
The code I am using is below, I want to add additional feeds, a main title to the feeds, titles for each feed, and increase the number of results to 7. How do I do this? See the picture for what I want to do. So how do I adjust the code below so that it produces what is in the picture?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="
http://www.google.com/jsapi/" type="text/javascript"></script>
<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");
#feedControl { margin-top : 20px; margin-left: auto; margin-right: auto; width : 440px; font-size: 16px; color: #9CADD0;}</style>
<script type="text/javascript">
function load()
{var feed ="
http://www.wired.com/gadgetlab/feed/";
new GFdynamicFeedControl(feed, "feedControl"); }
google.load("feeds", "1"); google.setOnLoadCallback(load);
</script>
</head>
<body>
<div id="body">
<div id="feedControl">Loading...</div></div></body></html>
========================================================
BTW, the image of what I want to do was acquired via the Google Feed Code Playground (
http://code.google.com/apis/ajax/playground/#dynamic_feed_control_-_vertical) but I don't know hoe to transcribe that Playground-code into the above code, here is the code I used in the playground to obtain the image:
google.load('feeds', '1');function OnLoad() { var feeds = [ { title: 'Feed Title ONE', url: 'http://www.wired.com/gadgetlab/feed/' }, { title: 'Feed Title TWO', url: 'http://www.wired.com/gadgetlab/feed/' }, { title: 'Feed Title THREE', url: 'http://www.wired.com/gadgetlab/feed/' } ]; var options = { stacked : true, horizontal : false, numResults : 7, title : "MAIN TITLE GOES HERE" }; new GFdynamicFeedControl(feeds, 'content', options); document.getElementById('content').style.width = "500px";}google.setOnLoadCallback(OnLoad);