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;	
	}