Adding FeedFlare to your Movable Type blog

In order to add FeedFlare to your blog, you’ll need to insert a small piece of code near the post metadata (author, date, comments, etc) in your template. Fortunately, this is really easy (really!) — just follow these eleven short steps.

1. Copy this code:

   <script src="http://feeds.feedburner.com/~s/YOUR-FEED-URI-HERE?i=<$MTEntryPermalink$>" type="text/javascript" charset="utf-8"></script>

2. Sign in to your Movable Type installation. Click the blog to which you’re adding FeedFlare.

   

3. Click “Templates” in the left-hand menu. Click “Main Index.” You should see the HTML for your blog’s index (i.e. home page).

   

4. In your template, scroll down to <p class="entry-footer">. (Don’t see this code? You may be using a customized or non-standard Movable Type template. Don’t panic! Paste the code near the post metadata (author, date, comments, etc) or contact us for help.)

5. Paste the code from step 2 just above <p class="entry-footer">.

   

6. Click the “Save” button to commit your changes.

7. Click “Templates” in the left-hand menu (again). Click the “Archives” mini-tab and then “Individual Entry Archive.” You should see the HTML for your blog’s entry pages.

   

8. In your template, scroll down to <p class="entry-footer">.

   Paste the code from step 2 just above <p class="entry-footer">.

   

9. Click “Save,” then click “Rebuild Site” in the left-hand menu. A popup window will open.

10. Click “Rebuild,” then click “View your site” to see what you’ve done. Enjoy!

Customizing FeedFlare's Appearance on Your Blog

Your FeedFlare can be styled almost infinitely using CSS. Let's take a close look at how FeedFlare's output is structured:

<p class="feedburnerFlareBlock"><a href="flare1url" class="first">Flare 1</a> <span>&#8226;</span> <a href="flare2url">Flare 2</a> <span>&#8226;</span> <a href="flare3url">Flare 3</a></p>

There are a few interesting (and important) things to point out about this:

• FeedFlare is wrapped in a <p> tag, so it will inherit the default paragraph styles in use on your blog. However, because it contains a class of feedburnerFlareBlock, you can style it however you want.

• By default, FeedFlare uses bullets (•) as separators. But each one is wrapped in a <span> tag, so you can hide them, restyle them, or make them dance at your leisure.

• To aid your styling, we've applied a class of first to the first link.

Have questions? Visit our Support Forums where real live FeedBurners are on hand to help you out.

Close window

Explore FeedBurner Help