ul#entries {
padding: 0 !important;
}

ul#entries li {
clear: both;
float: left;
width: 100%;
list-style: none !important;
margin-bottom: 2.5em;
}

ul#entries li.loading {
margin-bottom: 0;
}

ul#entries li h2 {
margin: 0 0 .25em 0 !important;
}

ul#entries li p.blog_date {
margin-bottom: 1.5em !important;
}

  • Loading...

// ================================================
// Your info here
// ================================================
var feedURL = 'http://horaceandjasper.tumblr.com/rss';
var numEntries = 10;
var blogURL = 'http://horaceandjasper.tumblr.com';
var blogLink = 'View full blog »';
// ================================================

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

function formatDate(d, f) {
var d = new Date(d);
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
return f.replace(/(yyyy|mmmm|mmm|mm|dddd|ddd|dd|hh|nn|ss|a\/p)/gi,
function($1) {
switch ($1.toLowerCase()) {
case 'yyyy': return d.getFullYear();
case 'mmmm': return months[d.getMonth()];
case 'mmm': return months[d.getMonth()].substr(0, 3);
case 'mm': return (d.getMonth() + 1);
case 'dddd': return days[d.getDay()];
case 'ddd': return days[d.getDay()].substr(0, 3);
case 'dd': return d.getDate();
case 'hh': return ((h = d.getHours() % 12) ? h : 12);
case 'nn': return d.getMinutes();
case 'ss': return d.getSeconds();
case 'a/p': return d.getHours() < 12 ? 'a' : 'p';
}
}
);
}

function initialize() {
var feed = new google.feeds.Feed(feedURL);
feed.setNumEntries(numEntries);
feed.load(function(result) {

if(result.error) return;

var list = document.getElementById('entries');
list.removeChild(list.firstChild);

for(var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var link = document.createElement('a');
link.setAttribute('href', entry.link);
link.appendChild(document.createTextNode(entry.title));
var title = document.createElement('h2');
title.appendChild(link);
var date = document.createElement('p');
date.setAttribute('class', 'blog_date');
date.appendChild(document.createTextNode(formatDate(entry.publishedDate, 'mmmm dd, yyyy')));
var content = document.createElement('div');
content.innerHTML = entry.content;
var li = document.createElement('li');
li.appendChild(title);
li.appendChild(date);
li.appendChild(content);
list.appendChild(li);
}

if(blogLink && blogURL) {
var link = document.createElement('a');
link.setAttribute('href', blogURL);
link.innerHTML = blogLink;
var li = document.createElement('li');
li.appendChild(link);
list.appendChild(li);
}
});
}

google.setOnLoadCallback(initialize);