Google AJAX Feed APIでRSSフィードをタブで表示
今更ながら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と同じにしないと動きません。
