Google AJAX Feed APIのDynamic Feed Controlで複数のRSSを表示

　基本的な構造は前回と同じで、変更点は赤で表示しています。表示するRSSフィードの数は自由に変更できます。

  <script src="http://www.google.com/jsapi/?key=取得したAPI key"
    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 = [
       {title:'JavScript',
        url:'http://weboook.blog22.fc2.com/?xml&category=2'},
       {title:'Google API',
        url:'http://weboook.blog22.fc2.com/?xml&category=1'},
       {title:'カスタマイズ',
        url:'http://weboook.blog22.fc2.com/?xml&category=7'}];

  var options = {
    numResults : 3,
    stacked : true,
    title: "レッツFC2ブログ！",
    displayTime : 5000,
    fadeOutTime : 500,
    linkTarget : google.feeds.LINK_TARGET_BLANK
  }
  new GFdynamicFeedControl(feed, "feedControl", options);

    }
    google.load("feeds", "1");
    google.setOnLoadCallback(load);
  </script>

    <div id="feedControl">Loading...</div>