Sample Feedburner BuzzBoost CSS

Feedburner is an excellent (Chicago-based) service that is providing a huge bump for how RSS feeds are shared, tracked, consumed, and monetized. One of the best features is BuzzBoost, which allows you to render RSS feeds in HTML– headlines, full posts, whatever you want. The instructions for how to get past the default styling (indented bullets) are not easy to follow if you don’t have a great grasp of CSS.

It took me a while to style the links for the linklog on the lower-right of  my About Page: Here’s the CSS I use to style it. Just copy/ paste this into the bottom of whatever CSS file handles your page and you’re all set.

div.feedburnerFeedBlock p.date {
text-align: left;
margin-left:0px;
padding: 0;
margin: 0;
}

div.feedburnerFeedBlock li div {
text-align: left;
margin-left:0px;
padding: 0;
margin: 0;
}

div.feedburnerFeedBlock ul {
text-align: left;
margin-left:0px;
padding: 0;
margin: 0;
}

div.feedburnerFeedBlock span.headline {
text-align: left;
margin-left:0px;
padding: 0;
margin: 0;
}

div.feedburnerFeedBlock ul li {
list-style-type: none;
text-align: left;
margin-left:0px;
padding: 0;
margin: 0;
}

div.feedburnerFeedBlock p.feedTitle {
font-weight: bold;
}

4 Replies to “Sample Feedburner BuzzBoost CSS”

  1. Mucho gracias for this information. I was playing around with the css for a little bit and then I smacked myself on the head and knew someone out there had the correct CSS styles for Buzzboost somewhere.

Leave a Reply

Your email address will not be published. Required fields are marked *