ブログの特定のカテゴリの記事を指定した数だけ読み込む

Google Ajax Feed APIの利用にあたっては，Google Ajax Feed APIでブログと連動するページを作る | d-spica を参考にしてください。

次のようなJavascriptの部分を別ファイルにして，head要素内で読み込みます。

/* getFeed.js */

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

function initialize() {
  var feed = new google.feeds.Feed("http://blog.d-spica.com/atom.xml");  //FeedのURI
  feed.setNumEntries(20);  //読み込み数
  feed.load(function(result) {
    if (!result.error) {
      var container = document.getElementById("feed");
      var count = 0;
      for (var i = 0; i < result.feed.entries.length; i++) {
        var entry = result.feed.entries[i];
        var cate = entry.categories[0];
        if (cate == "css") {  //カテゴリ名
          var h3 = document.createElement("h3");
          var a = document.createElement("a");
          var div = document.createElement("div");
          var entryLink = entry.link;
          h3.appendChild(a);
          h3.getElementsByTagName("a")[0].setAttribute("href", entryLink);
          h3.getElementsByTagName("a")[0].appendChild(document.createTextNode(entry.title));
          container.appendChild(h3);
          container.appendChild(div);
          count++;
        }
        if (count == 3) { break; }  //表示数
      }
    }
  });
}

google.setOnLoadCallback(initialize);

RSS Feedを読み込んだ例