loading ...

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

Aug 27 2008
Date:August 27, 2008 10:08 PM 今日は何の日?
Category:[Customize]
Tag:[ ]

今更ながらGoogle AJAX Feed APIを設置致しました。
色々と出来るみたいですが・・・それでさえサイドバーが長くなってしまっているのでタブ表示にしました。
これで他の私のブログの更新が見れるようになりました。
1.Google AJAX Feed APIからStart using the Google AJAX Feed APIから
 APIキーを取得。
 I have read and agree with the terms and conditions チェックを入れる。
 My web site URL 自分のサイトのURLを入力する。
 Generate API Key をクリック。
2.
Your key is:API Keyになります。
This key is good for all URLs in this directory:
先ほど入力した、各自のサイトのURLが表示されます。
Here is an example web page to get you started:
FEEDを表示するためのサンプル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>
ピンク字⇒取得したAPI key
ピンク字(5)⇒表示したいエントリー数
<div id="feedControl">loading...</div>
赤字の「feedControl」は上のサンプルHTMLと同じにしないと動きません。

Trackback Pings

関連記事からであればお気軽に・・・♪
ただし宣伝目的や無関係のエントリーからのトラックバックの場合は
削除させていただく場合もありますので、ご了承下さい。



 


♪トラックバックエラーによる重複はこちらで削除致しますので、削除依頼コメントは不要です。

Post a Comment

コメントをプレビュー

ご利用のブラウザ、設定ではコメントのリアルタイムプレビューはご利用になれません。

Powered by Movable Type 4.1
This weblog is licensed under a Creative Commons License.
Last Updated: December 1, 2008 3:22 PM