Google AJAX Feed API　設置

1. Google AJAX Feed APIキーを取得（固有のキーを都度取得）

http://code.google.com/intl/ja/apis/ajaxfeeds/signup.html

[html]
<script src=”http://www.google.com/jsapi?key=API_Key000000000000000″ type=”text/javascript”></script> <script type=”text/javascript”>// <![CDATA[

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

function initialize() {

var feed = new google.feeds.Feed("http://ドメイン/?xml&category=1");

<!–表示したいエントリー数–>

feed.setNumEntries(5);

feed.load(function(result) {

if (!result.error) {

var container = document.getElementById("feed");

for (var i = 0; i < result.feed.entries.length; i++) {

var entry = result.feed.entries[i];

var div = document.createElement(“li”);

var a = document.createElement(“a”);a.href = entry.link;

<!–別窓で表示しない場合は削除–>

a.target = “_blank” ;

a.appendChild(document.createTextNode(entry.title));

div.appendChild(a);

container.appendChild(div);

}

}

});

}

google.setOnLoadCallback(initialize);

// ]]></script>
[/html]

＊ブログエントリの中から特定のカテゴリだけを出力するなんてこともできます。

http://ドメイン/?xml&category=1　のカテゴリの部分を該当値に。

ブログ全てにするときは、Feed取得のURLそのものを書く。

＊ソースはheadでもbodyでも可。

2. 設置する（出力する）場所に、<div id=”feed”></div>　を記述。

デザインはCSSを記述。

3.  アドレスバーにRSSアイコンを表示させる

<link href=”http://ドメインorブログ/?xml” rel=”alternate” type=”application/rss+xml” title=”RSS News Feed”/>