Google Ajax Feed API でホームページにRSSを表示させる

Google Ajax Feed API でホームページにRSSを表示させてみました。

以前にPHPを使ったRSSの表示方法を書きましたが、

ホームページにブログのRSSをPHPで表示させる

それとくらべて
こちらのほうが断然楽です！

さすがGoogle。いいもの提供してくれますね。

参考にさせていただいた記事はこちら。
日付の表示形式の変更 - フィードの取得 - Google AJAX Feed API入門

こちらの記事では、Newマークの表示のさせ方を参考にさせていただきました。
Movable Type 備忘録 - Google AJAX Feed API

そして、つくったコードが下記になります。
日付とNewマークが表示されます。

<script type="text/javascript" src="http://www.google.com/jsapi?key=YOUR_API_KEY"></script>
<script type="text/javascript">
function initialize() {
  var feedurl = "RSSのURL";
  var feed = new google.feeds.Feed(feedurl);
  feed.setNumEntries(5);
  feed.load(dispfeed);

  function dispfeed(result){
    if (!result.error){
　  var now       = (new Date()).getDate();
      var container = document.getElementById("feed");
      var htmlstr = "";

      htmlstr += "<ul>";
      for (var i = 0; i < result.feed.entries.length; i++) {
        var entry = result.feed.entries[i];
　            var entdate = new Date(entry.publishedDate).getDate();
　            var newmark = '';
　
　            if (now == entdate) newmark = '<font color="red"><b>New</b></font>';


        htmlstr += "<li>"
        htmlstr += '<a href="' + entry.link + '" target="_blank">' + entry.title + '</a>' ;

        var strdate = createDateString(entry.publishedDate);
        htmlstr += " [" + strdate + "]";
        htmlstr += " " + newmark + "";
        htmlstr += "</li>"
      }
      htmlstr += "</ul>";

       container.innerHTML = htmlstr;
    }else{
       alert(result.error.code + ":" + result.error.message);
    }
  }
}

function createDateString(publishedDate){
  var pdate = new Date(publishedDate);

  var pday = pdate.getDate();
  var pmonth = pdate.getMonth() + 1;
  var pyear = pdate.getFullYear();
  var phour = pdate.getHours();
  var pminute = pdate.getMinutes();
  var psecond = pdate.getSeconds();
  var strdate = pyear + "年" + pmonth + "月" + pday + "日" ;

  return strdate;
}

google.setOnLoadCallback(initialize);
</script>