Monday, April 20, 2009

Add a Feedburner FeedFlare to Blogger Feed

If you have burned your Blogger Blogspot blog feed at Feedburner you can easily add a FeedFlare to the footer of the feed. FeedFlare helps you to distribute, inform and create a community around your content. Adding a FeedFlare to the feed of your blog allows readers to select from a range of social bookmarking links which appear at the end of each post. FeedFlare offers subscribers some easy ways to email, tag, share, and bookmark your blog content by linking them with a range of services such as Stumble Upon, Digg This, Facebook, Technorati, del.icio.us and Mixx.

It is not difficult to add a FeedFlare to your Blogger feed but it does require you to add a snippet of code to the template of your blog. Don't be put off as I will guide you through this process by providing a step by step walkthrough. This tutorial caters for all levels of technical knowledge from the newbie Blogger to the experienced Blogger.

To see a FeedFlare in action right now check out the end of each post in the Blog Know How feed


How to Add a Feed Flare to Your Blogger Feed
If you have yet to burn your Blogger feed at Feedburner please refer to my articles Blogger RSS Feeds and Feedburner and Burn Blogger RSS Feeds at Feedburner for instructions on how to burn your feed and benefits of burning your blog's feed at Feedburner.

1. Login to Feedburner with your Google Account. From the My Feeds page click on the link to your blog

2. By default you will be taken to the Analyze page so you need to select the Optimize tab from the menu

3. Select FeedFlare from the Side Menu

4. To create a simple FeedFlare check the boxes of the options you would like. At a mininum I suggest you select email and comments count (for blogger) in addition to Stumble Upon, Digg This, del.icio.us and Facebook.

5. Once you have selected the desired options you can reorder them in the Preview/Reordering box below using drag and drop to shuffle the links around. I think it is a good idea to have comments either at the beginning or the end of the list as readers are more likely to notice it in this position

6. Click on Activate. Do not close this window as we will be returning here.

7. In a new window login to Blogger if you are not already logged in and navigate to Layout > Edit HTML

8. I strongly suggest you back up your template as a precaution by downloading it to your computer

9. Use CTRL + F to bring up the toolbar and enter the following code into the search box

<div id='post-footer'>
Find Post Footer Code
10. Return to the FeedFlare page at Feedburner and select Blogger from the drop down menu at the bottom of the page to get the HTML Feedburner code. A dialog box will appear with some instructions. Copy the code found in item #1. Editing Blogger Layouts. To copy right click your mouse and choose select all to highlight the code and then right click again and choose copy

11. Paste the Feedburner code into your template directly below the line of code in your template you just located <div id='post-footer'>
Add Feedburner FeedFlare Code into Your Blogger Template
12. Click on the Save Button

13. Return to Feedburner. Immediately below your blog's title and just above the Analyze tab you will see two icons. Click on the RSS icon (left button) which will bring up your blog feed.

Feedburner feed icon
14. Scroll to the bottom of the first post and you will see your new FeedFlare in action.

FeedFlare in Blogger Feed Redirected by Feedburner

Other FeedFlare Options
For smarter looking links you may choose to customize the FeedFlare's appearance by tweaking the CSS.

To prevent stealing of your original content otherwise known as blog scraping or splogging you can add personal FeedFlares such as a permalink to a copyright notice and a permalink to you the author of the blog.


In this tutorial you have learned how to create a FeedFlare at Feedburner which appears at the bottom of each post in your Blogger blog's feed. By adding the FeedFlare to the footer of your Blogger blog you help build an online community around your content by offering your readers some choices about how they share, link to and act on the information contained in your blog

Related Articles
Blogger RSS Feeds and Feedburner
Burn Blogger RSS Feed at Feedburner



Subscribe to Blog Know How by Email

12 comments:

Anonymous said...

Hi,

Thanks for all the useful information. I'm wondering if you've ever had trouble getting some of the feedflare links to show up. For some reason in my feed only "add to delicious" and "email me" links are showing, but digg, stumble, and mixx are missing even though I've selected them on feedburner.

Best regards,

- S

The Wizz said...

I have had no problem using Feedburner FeedFlare to date. If you have tried selecting again and saving again then I have no idea why it wouldn't be working. You would probably be best to contect Feedburner support about this. Thanks for your query

Best Blogger Tutorials said...

Included in my round up on blogger feeds and Feedburner.
Best Tutorials About Blogger Feeds and Feedburner

The Wizz said...

Great!

JoeLongHair said...

thanks for an outstanding article, please review my blog and help me out optimizing it for better rank. www.legitremedy.blogspot.com

The Wizz said...

Hi there JoeLongHair. I took a look at your blog. You have some great tips on staying healthy which I enjoyed reading. In terms of improving your rank here are a couple of things I noticed. Virtually no linking in your articles. Try to find ways to link to other articles you have written. Search engines like Google take note of your internal links. Also watch your spelling and sentence structure as I noticed a few areas that could be tidied up. Break up your content into paragraphs that will make chunks of information more digestable to readers. Also an image or two will make content more appealing. I note that your blog is fairly new. Just keep adding new material and readers will find you provided you are indexed in search engines and a few blog directories. Take a look at my SEO tips article. Good luck!

Blogging In Web 2.0 Beta said...

Thanks For This Great Article. I am looking for relates post in feed flare as i have seen in you images where you have given "new feed flare caption" So please help me how can I do this trick to my blog's feed.

The Wizz said...

Hi Blogging In Web 2.O Beta. I think you are referring to the copyright notice I have added is that right? If so go to Settings > Site Feed and enter your text in the box marked Post Feed Footer. Anything you place in this box will appear beneath each post in your feed

Appy said...

hey can u view my blog lovefrecillia.blogspot.com and tellme how can i improve it and monetize it ==" im really confused bout how to monetize it with adsense coz adsense just always disable my account again n again @@ can u just view it n tell some

The Wizz said...

Hey Appy. I checked out your blog and see you have only one post so far. It may be that Google Adsense expect a few more posts. They need to know about the content of your blog in order to serve ads. I suggest you try adding some more posts and then reapplying. Good luck!

Dwijayasblog said...

Awesome tricks you got here. Now I know to get my feedburner more optimize.

Fashion Care said...

very nice job....

Post a Comment