Update: This post is completely outdated and here for archival purposes only. None of this works anymore.
If you have any interest in getting it up and running again, all of the code can be found on GitHub. I am more than happy to accept Pull Requests, but probably won’t be investing too much effort, as I am no longer using FriendFeed nor Blogger. :(
I have updated ye ol' FriendFeed widget.
It should now be much easier to implement, and it supports likes, avatars, and custom CSS.
It is modeled after Glen Slaven's amazing FriendFeed Comments plugin for WordPress.
The DOM structure of my new widget is (should) be the same as Glen's plugin, so any CSS hacks you can find for the WordPress plugin should also work with this.
Oh, and this should also work with Tumblr, for those of you who care.
Before editing your template always make sure you have saved a backup copy in case things go wrong.
On the New Blogger…
On your blog's dashboard, go to the "Layout" tab and click on "Edit Template HTML"Click the "Expand Widget Templates" check box
Right under the
<head> tag, insert
<script src='http://www.pathawks.com/ffbadge.js'></script><b:skin> and, underneath, insert the line
@import url("http://www.pathawks.com/ffbadge.css");<div class='post-footer'>Right under that line, insert
<script expr:src='"http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=blog&who=NICKNAME&link=" + data:post.url'/>Click the orange "Save Template" button and you should be all set.
On the Old Blogger (ftp/template tags/etc.)…
On your blog's dashboard, go to the "Template" tab and click on "Edit Template HTML"Right under the
<head> tag, insert
<script src='http://www.pathawks.com/ffbadge.js'></script><style type="text/css"> and, underneath, insert the line
@import url("http://www.pathawks.com/ffbadge.css");<$BlogItemControl$>Right under that line, insert
<script src="http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=blog&who=NICKNAME&link=<$BlogItemPermalinkUrl$>"></script>Click the orange "Save Template Changes" button and you should be all set.
In Tumblr…
On your dashboard, click on "Customize"Go to the "Theme" tab and select "Use custom HTML"
Right under the
<head> tag, insert
<script src='http://www.pathawks.com/ffbadge.js'></script><style type="text/css"> and, underneath, insert the line
@import url("http://www.pathawks.com/ffbadge.css");{/block:Posts}Above that line, you should see
</div> Above that line, insert
<script src="http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=tumblr&who=NICKNAME&link={PostID}"></script>Click the orange "Save Template Changes" button and you should be all set.
FeedBurner FeedFlare
I feel like I'm on a roll!
If you use FeedBurner, you're probably acquainted with FeedFlare, you know, those cute little buttons at the bottom of each post in your feed.
To add a FeedFlare to search for your post on FriendFeed…
On your Feed's dashboard, go to the "Optimize" tab.
Click on "FeedFlare"
If FeedFlare is not enabled (you're out of your mind) enable it.
Scroll down to "Personal FeedFlare" and you should see a box where you can enter or past a Flare Unit URL.
Enter
http://www.feedburner.com/fb/variableflareunits/GenericFeedFlare.jspx?text=Discuss%20on%20FriendFeed&link=http://friendfeed.com/search?q=${title}%26service=blog%26who=NICKNAMEIn conclusion
If you have any questions about using any of these methods, or if you run into problems, feel free to email me at pat@pathawks.com or leave a comment here or on FriendFeed. Everybody's blog is setup a little diffrent, so there probably will be a couple issues.As I mentioned earlier, if you're still using WordPress (Why haven't you upgraded to Blogger?) you'll want to check out Glen Slaven's FriendFeed Comments plugin.
Welp, I've got to go give the kittens their medicine.
G'day.