Sailing the seas of online marketing and plundering the riches as an affiliate pirate.

Wednesday, May 23, 2007

Integrate FeedBurner with Blogger

I'm going to show you how to use FeedBurner with your blog in this short guide. First of all, here are some cool things that FeedBurner can do.

FeedBurner takes over your blog's feeds, enhances their functionality and gives you detailed statistics on your subscribers. You can add social bookmarks like Digg! to both your feed and your blog (see the bottom of this post), offer e-mail subscriptions, show subscriber count on your blog and so on. You can even see what kind of feed readers your subscribers use, and what kind of bots (like Technorati search) visit your feed. And this is just a part of what they offer!

Once you signup at FeedBurner and configure it to your liking, you can integrate it fully with your blog hosted on Blogger. Let's start by changing AutoDiscovery URL. When you visit a site which has feed information between it's <head> tags, all modern browsers display a little icon to indicate that. You will need to change it to point to your "burned" feed at FeedBurner instead of default one.

Start by opening your blog. Right click anywhere on it and choose "View Source". Find the following lines:

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>

<link rel="alternate" type="application/atom+xml" title="YOURBLOG - Atom" href="" />

<link rel="alternate" type="application/rss+xml" title="YOURBLOG - RSS" href="" />

<link rel="" type="application/atom+xml" title="YOURBLOG - Atom" href="" />

<link href='' rel='EditURI' title='RSD' type='application/rsd+xml'/>

Select the whole block and copy it (not from here, but from your own source code). Once you do that, go to your blog's control panel and click Template>Edit HTML. Find the following line:

<b:data='blog' name='all-head-content'>

And simply replace it with all the lines you just copied from your source code. Now, change these 2 lines you just pasted:

<link rel="alternate" type="application/atom+xml" title="YOURBLOG - Atom" href="" />
<link rel="alternate" type="application/rss+xml" title="YOURBLOG - RSS" href="" />

Into a single line:

<link rel="alternate" type="application/atom+xml" title="YOURBLOG - syndication feed" href="" />

YOURFEEDNAME is the one you chose when adding your feed to FeedBurner. Congratulations - now when visitors click the feed icon at your blog, they will be taken to

Next, you might want to hide "Subscribe to posts (Atom)" link at the bottom of your blog, especially if you add subscription link on your sidebar. Simply go to "Edit HTML" window and add the bold line to the following code:

.feed-links {
display: none;

You might want to add FeedCount chicklet to your blog next to show off your subscriber number, or FeedFlare module to add all these social bookmarks I mentioned.

I have to add that TechCrunch confirmed Google's acquisition of FeedBurner yesterday. I see this as welcome news; they could offer smart feeds on Blogger without users having to edit the HTML code manually. What's more, Google could integrate FeedBurner's tracking system with their own Google Analytics, or perhaps expand FeedBurner's Ad Network (which already pays you for putting AdSense code on your feeds, but only if you have a huge subscriber base) to accept feeds with less subscribers as well.


Dentistry Library said...

Thanks Andrew - I'm new to Blogger and Feedburner and this was useful
Be good to know more in a similar vein - especially adding subscription links in the sidebar.



Една Жена said...

thank you very much!
i wanted to hide "Subscribe to posts (Atom)" and i did it with your help.

Andrew said...

Integration trick is no longer needed. Blogger now has a field where you can enter a RSS feed to redirect to. Just put your 'burned' feed there, and you're set, no need to change your template manually.

Post a Comment