Fwd: Adding FeedFlare To a Blogger Beta Template - The Easy Way

I've added a FeedFlare thingy
in my posts' footer at last...
Neat isn't it. :-)


To cite FeedBurner,
with FeedFlare we can:

Give our subscribers easy ways to email, tag,
share, and act on the content we publish by
including as many or few of the services listed
below*. FeedFlare places a simple footer
at the bottom of each content item, helping us
to distribute, inform and create a community
around our content.

* You can't see the list here, but by looking at
this post's footer you still can have a fair idea
of what's on offer...


Now, why should there be a need for
a whole post to be dedicated to a
service such as FeedFlare?
You might ask yourselves.


Well, it's not really about FeedFlare itself
but more about how to add that darn cool
code to a Blogger Beta template
without too much hassle...


Ok, if you are haven't burned your feed
[as in: not registered your blog with FeedBurner] yet,
Doing it now would help... ;-)


Click on the image that says "Powered by FeedBurner"
at the top right hand side.. Add your blog url....
That's it: you're now ready for the next step.

• Go to the "optimise" option.


• Choose FeedFlare.


• Follow the instructions.

Now they ask you to choose
which blogging platform you use..
You choose Blogger, of course...


D'oh!... Aaaaargh!

The code you get is for the good old Classic Blogger!





Fortunately for us Blogger Beta Users,
an alternative/updated code has been posted here...


Read the instructions copy and paste the code
in your template and Loup's your uncle.


If it doesn't work, check that:

• You've remembered
  to tick the little square that says
  "Expand Widget Templates"
  
  
  [Yep, the one that's placed at the
  top right hand side of your
  template edit frame.]

• Replaced the {FEEDURI} thingy
  by the end of your FeedBurner url.

For example mine being
http://feeds.feedburner.com/forward-and-share
my {FEEDURI} is forward-and-share
[you don't keep the "{ " and " } " by the way]

That's how that part of the code looks for my blog:
"http://feeds.feedburner.com/~s/forward-and-share?i="

That's it, you're ready.

Copy and paste the code
from here after having added
your Feedburner url...

Add p between <> at the start of the code
and /p between <> at the end of the code
for a neater effect.. ;-)

Actually, adding those paragraph tags
did more than just give a neater effect,
they also fixed an error somehow...

Preview your results
[just in case] and,
if you're happy with
what you see... Save.


Your visitors can now submit your post
to all those cool sites/directories of your choice.


Later on, you might even want to
customize your FeedFlare's look. ;-)

The great thing about the FeedFlare widget
is that now I can change some of its content
whenever and as many times as I want
straight from my Feedburner account instead
of having to fiddle everytime with my blog's template...

Thanks to goygoycu for
pointing me to the direction
of the post with the updated
version.


Loup Dargent


PS: If you want to customize your
Blogger Beta Template and get the most
out of it, pay a visit to Hackosphere
and his friends... You won't regret it. ;-)


PSPS: If you feel that the FeedFlare is not
for you, but would still like having links to
some of the social bookmarking sites in your
posts' footer, have a look at Hackosphere's post:
Del.icio.us and Digg hotlinks for your Beta blog

Tech Tags: FeedBurner FeedFlare
Blogger Beta Blogger Blogs