Displaying recent posts on Scriptogr.am

recent-posts.html

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load("feeds", "1");
  google.setOnLoadCallback(OnLoad);

  /* creates a feed instance and loads the feed */
  function OnLoad() {
    var feed = new google.feeds.Feed("http://scriptogr.am/sican/feed/");
    feed.load(feedLoaded);
  }

  /* when the feed is loaded */
  function feedLoaded(result) {
    if (!result.error) {
      /* grabs the container the recent posts will be added */
      var container = document.getElementById("recent-articles");
      container.innerHTML = '';

      /* loops through the feed elements (omit the newest post because it's shown on homepage), and append posts to the div */
      for (var i = 1; i < 4; i++) {
        var entry = result.feed.entries[i];

        /* gets the date of the post */
        var entryDate = new Date(entry.publishedDate);
        var curr_date = entryDate.getDate();
        var curr_month = entryDate.getMonth();
        var curr_year = entryDate.getFullYear();

        /* displays names of months instedad of numbers */
        var month_names = new Array ( );
        month_names[month_names.length] = "January";
        month_names[month_names.length] = "February";
        month_names[month_names.length] = "March";
        month_names[month_names.length] = "April";
        month_names[month_names.length] = "May";
        month_names[month_names.length] = "June";
        month_names[month_names.length] = "July";
        month_names[month_names.length] = "August";
        month_names[month_names.length] = "September";
        month_names[month_names.length] = "October";
        month_names[month_names.length] = "November";
        month_names[month_names.length] = "December";

        /* creats the html elements */
        var linkContainer = document.createElement('p');
        var title = document.createTextNode(entry.title);
        var link = document.createElement('a');
        var date = document.createElement('span');

        /* fills html elements with post details */
        date.innerHTML = " " + month_names[curr_month] + " " + curr_date + ", " + curr_year;
        link.setAttribute('href', entry.link);
        link.setAttribute('title', entry.title);
        link.insertBefore(title);
        link.appendChild(date);
        linkContainer.appendChild(link);

        /* replaces the scriptogr.am domain with your custom domain name */
        link.href = link.href.replace("scriptogr.am/sican","blog.sicanstudios.com");

        container.appendChild(linkContainer);
      }
    }
  }
</script>

Snippet from this tutorial: http://blog.sicanstudios.com/post/recent-posts-scriptogram