Google AJAX Feed APIでRSSフィードをタブで表示

　2008-03-12

　以前「Google AJAX Feed APIでRSSフィードを表示」ということでGoogle AJAX Feed APIを使ってRSSフィードを表示する方法を紹介しましたが、今回複数のRSSフィードをタブ形式で表示する方法を紹介します。

　まずはJavaScirpt部分です。フィードの数は自由に変更できます。表示する記事数も変更できます。API keyはこちらのページで取得してください。
　・http://code.google.com/apis/ajaxfeeds/signup.html

<script type="text/javascript" src="http://www.google.com/jsapi?key=取得したAPI key"></script>

    <script language="Javascript" type="text/javascript">//<![CDATA[

      google.load("feeds", "1");

      function OnLoad() {
        var feedControl = new google.feeds.FeedControl();

        feedControl.addFeed("RSSフィードのURL", "タグのタイトル");
        feedControl.addFeed("RSSフィードのURL", "タグのタイトル");
        feedControl.addFeed("RSSフィードのURL", "タグのタイトル");

　　　　　<!--表示したいエントリー数-->
        feedControl.setNumEntries(5);
        feedControl.draw(
             document.getElementById("feedControl"),  {
             drawMode : google.feeds.FeedControl.DRAW_MODE_TABBED  });
      }

      google.setOnLoadCallback(OnLoad);
    //]]>
    </script>

　そして表示したい場所に次のソースを挿入すれば完了です。div内の文字はフィードが表示されるまでの間に表示されます。