How-To Embed RSS Feeds

If you ever feel the need to embed an RSS feed in a webpage (like my BitBucket feed on the right), maybe this Javascript snippet will be helpful (just remember to replace the bits marked in red). It uses the Google AJAX Feed API, which is pretty nifty!

<script src="http://www.google.com/jsapi/?key=GOOGLE AJAX API KEY" type="text/javascript"></script>

<div id="feedControl"></div>

<script type="text/javascript">
  function loadFeedControl() {
    var feed = new google.feeds.Feed("FEED URL");
    feed.setNumEntries(16);
    feed.includeHistoricalEntries();
    feed.load(function(result) {
      if (result.error) {
          return;
      }

      var container = document.getElementById("feedControl");
      if (!container) {
          return;
      }

      for (var i = 0; i < result.feed.entries.length; i++) {
        var p = document.createElement("p");
        p.innerHTML = result.feed.entries[i].content;
        container.appendChild(p);
      }
    });
  }

  google.load("feeds", "1");
  google.setOnLoadCallback(loadFeedControl);
</script>