Friday, May 09, 2008

Adding FeedFlare to your Blogger blog

This guide is for "New Blogger".

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 seven short steps.

  1. Sign in to Blogger.

  2. For the blog to which you're adding FeedFlare, click "Manage Template" or "Manage Layout" (you'll see one or the other).

    Safari Screen001

    If you clicked "Layout," follow the instructions for editing Blogger Layouts. If you clicked "Template," follow the instructions for editing Blogger Templates. (Yes, we realize that's a little confusing!)

Editing Blogger "Layouts"

  1. Copy this code:

  2. In Blogger, click "Edit HTML". You should see the HTML for your blog template.

    Safari Screen002

  3. Click the "Expand Widget Templates" box above and to the right of the template code.

    Safari Screen003

  4. In your template code, scroll to

    . (Don't see this code? You may be using a customized or non-standard Blogger template. Don't panic! Paste the code near the post metadata (author, date, comments, etc).

  5. Paste the code from step 1 just below

    .

    Safari Screen004

  6. Click [Save Template].

    Click "View Blog" to see what you've done, and enjoy!

Editing Blogger "Templates"

  1. Copy this code:

  2. In Blogger, click "Edit HTML". You should see the HTML for your blog template.

    blogger dashboard screenshot

  3. In your template code, scroll to

  4. Paste the code from step 1 just above

    Safari Screen005

  5. Click [Save Template Changes].

    Click "View Blog" to see what you've done, and enjoy!

No comments: