Habitually Good

I have said this before, FeedBurner is the best way to publish a feed for your website, blog, podcast, whatever. It’s not because it’s so easy to use. It’s not because it’s so cool. (It is all that). It’s because of all the features that you have available to you for your feed. Features such as the ability to automatically add a copyright message to your feed, or insert advertisements, or add a “digg this” button to it.

But the topic of the post today is a feature called the BuzzBoost. What BuzzBoost does is that it reformats your feed into a portable HTML format. It provides you a block of JavaScript which you can embed wherever you want to insert your feed as Html. For example, take a look at my blog’s feed:

Subscribe to RSS headline updates from:
Powered by FeedBurner

Now, I can think of a lot of uses for this. But most uses will demand some changes to the look and feel of this content. The good news is that you can customize this to your heart’s content. The answer is CSS; the content produced by BuzzBoost has class names for all their items and you can create CSS styles for each one. FeedBurner provides a quick-start for making these customizations here. However, I wanted to do a couple of things which I couldn’t find on their help site.

Remove that FeedBurner Image - I didn’t want to have the FeedBurner image that shows at the bottom of fthe generated HTML. To do this, you have to use the following code:

#creditfooter
{
display: none;
}

Change the color of the Post Headers - this one was a little trickier as there was no class for that particular item. In the following example, I am changing the color of the headers to red. But you can add whatever style you want to the header;

div.feedburnerFeedBlock ul li span a
{
color: Red;
}

Well, that is the little tip for BuzzBoost. Have fun playing.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.