Hacked up a friendfeed widget with Feedburner

Paul Buchheit has a really nice friendfeed widget on his blog. I couldn't find any public source for the API, so I hacked up a quick one of my own.

It's not nearly as nice, but it does the trick. I imported my friendfeed RSS feed into feedburner, then set up a BuzzBoost widget which I incorporated into my blog's theme.


I modified the default BuzzBoost layout to look a little nicer, here's the CSS if anyone's interested (looking at the HTML of this blog might also help, I used my own div container and header div):

/* FriendFeed
----------------------------------------------- */
.friendfeed-border {
border: 2px solid #A7C5EA;
}

.friendfeed-header{
background-color: #A7C5EA;
width: 100%;
height: 1.4em;
background-image: url('http://friendfeed.com/static/images/logo-mini.png');
background-repeat: no-repeat;
text-align: right;
color: #333;
font:1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
padding: 0.25em 0 0 0;
margin: 0 0 10px 0;
}


.friendfeed-header a {
color:#444;
text-decoration:none;
}

.friendfeed-header a:visited {
color:#444;
text-decoration:none;
}

.friendfeed-header a:hover {
color:#444;
text-decoration:underline;
}

.feedburnerFeedBlock {
padding: 0 .25em .25em .25em;
}

.feedTitle {
}

.feedburnerFeedBlock li {
background-image: url('http://friendfeed.com/static/images/icons/internal.png');
background-repeat: no-repeat;
padding: 0em 0em 0em 0em;
}

.feedburnerFeedBlock div {
margin: 0 20px 0 0;
}

.headline {
font-weight: bold;
margin: 0 0 0 22px;
}

.enclosure{
margin: 0 0 0 25px;
font-size: 50%;
}

.date{
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 65%;
}