Blogger Hack: BIcomments - Recent Blogger + IntenseDebate Comments @ tk here on Sunday, November 18, 2007 8:00 PM
You could also try tk Social Bookmarking Search or tk Video Search!

Sunday, November 18, 2007

Blogger Hack: BIcomments - Recent Blogger + IntenseDebate Comments

Over the past few days, I've been working on a mashup of recent Blogger comments and comments. In case you're unfamiliar with IntenseDebate, it's a neat commenting system that you can install into your blog in a few simple steps. It comes with many features not found in Blogger, like threaded comments/reputation/comments export and import, and supports quite a number of blog platforms.

Unsurprisingly, it comes with a recent comments widget as well. The widget has a clean and neat design that compliments the IntenseDebate comments form. I almost installed it when I discovered there were several drawbacks with the IntenseDebate recent comments widget. The two most significant in my case are the use of javascript and the lack of Blogger comments.

IntenseDebate recent comments widget

IntenseDebate recent comments widget

For most users, the latest comments widget provided by IntenseDebate should suffice. However, I try to avoid using external javascripts whenever I can as I already have many widgets and scripts on this blog. In addition, I'd like to track comments for my other posts as well, which were made before I installed IntenseDebate. (IntenseDebate has an import tool to import older comments, but is currently in beta.)

BIcomments - Recent Blogger + IntenseDebate Comments

Hence I created using Yahoo Pipes. It takes both comment feeds, mixes them up a little and spits out a nice and proper feed so that you can use it in Blogger.


The features:

  • Shows latest comments from both Blogger and IntenseDebate. It can also be configured to display either Blogger or IntenseDebate comments.

  • Number of recent comments can be customized. Note that Blogger displays a maximum of 5 items in a feed.

  • Length of comments can be customized. If a comment exceeds your chosen length, an will be appended to the end of the comment. Note that three dots are actually appended instead of an actual ellipsis. :)

  • Returns a feed. In Blogger, a feed is dynamically included into your blog as HTML, so there's no client side processing.

  • CSS styling. As a feed in Blogger is essentially HTML, you can style your recent comments with CSS.

  • Profanity Filter. A portion of the profanity will be replaced with asterisks.

BIcomments Howto

The design of BIcomments makes it very flexible and user-friendly. New users will like its simplicity, while advanced users will be able to change and mold it to their liking.

Configuring BIcomments
  1. How many characters do you want the comments to be before they cut off? - quite self-explanatory. As I've mentioned, comments exceeding the length that you enter will be cut off and an ellipsis appended to the end of the comment.

  2. How many comments do you want listed? - again, self-explanatory. For Blogspot, 5 is the maximum that you should enter, since Blogspot will display no more than 5 comments.

  3. Enter your Blogger comments feed url - Leave this blank to show only IntenseDebate comments in your feed. Otherwise, stick your Blogger feed URL here.

  4. Enter your Intense Debate feed url - Leave this blank to show only Blogspot comments in your feed. Otherwise, stick your IntenseDebate feed URL here. You can find it in your Dashboard under the last 5 comments section.

Quick start for Blogspot Bloggers
  1. Login to Blogger and click the Layout link.


  2. You should be in Page Elements now. Click Add a Page Element.

    Page element

  3. Look for Feed and click Add to Blog. A window should appear asking you for a Feed URL. This is what we'll be getting in the next few steps.

    Add feed

  4. Visit the page and configure it the way you like (as mentioned above in Configuring BIcomments).

  5. When you're done configuring your feed, run the pipe and look for more options (under Use this pipe). Click Get as RSS.

    Get as RSS

  6. Copy the URL of the RSS feed in your location bar and paste it into the Feed URL box in step 3. Click continue.

    Feed URL

  7. Configure the feed options and when you're ready, click Save Changes.

  8. Profit!

The result and some thoughts

For a preview of how it could look like on your blog, just take a look at it in my left sidebar. :) I did some minor transformations and spiced it up with CSS so yours might look quite different. :P

I'm quite satisfied with this mashup as it returns proper author, link, description and pubDate tags. (Thanks to IntenseDebate for adding the author tag upon my request!) The title tag is the only tag that requires an ugly hack, as Blogger returns truncated comments as the title (Grr...). (IntenseDebate returns author + post title.) A quick workaround was to extract it from a page URL. This is also the only reason why this is in beta. :)

Just a day after I wrote this, Yahoo Pipes that allowed me to extract the post title using a (fairly) complicated method I've worked out. Hence BIcomments is out of beta and in its first (and likely to be final) release. :)

If you've got any questions, comments or tips on how to magically insert actual post titles into BIcomments (the method I've come up with is complicated, troublesome and requires a lot of overhead), you're more than welcome to use the IntenseDebate comment form below. :)


4 people had something to say! Why don't you join in? The more the merrier!

On 09 June, 2014 13:56, Anonymous said...

Pretty nice post. I just stumbled upon your blog and
wanted to say that I have really enjoyed browsing your blog posts.
After all I will be subscribing to your feed and I hope you write again soon!

Feel free to surf to my webpage ... throne rush trainer

On 18 June, 2014 02:40, Anonymous said...

І was recommended this bloog by my cousin. I am not sure whether this post is writtеn by him as nobody elsе know such detailed ɑbout my trouble.

You're wonderful! Thanks!

My blog ... forbes snyder

On 19 September, 2014 01:08, Anonymous said...

Paragraph writing is also a fun, if you be familiar with after
that you can write or else it is complex to write.

Also visit my website; Groundbeeftacos.Com

On 09 October, 2014 06:48, Anonymous said...

feat what suits you. You power discovery discounts bequeath yet
sum out how to make do high sums of monetary system.
trust to to forbear monetary system.
If you eat your hold might be of assist. up your domicile's upcountry is good of a raisable
shopping tip tipthat can serve you look Canada Goose Outlet UGG Boots The North Face Canada Goose Outlet Ugg Boots UK Canada Goose Outlet Cheap UGGs Boots Cheap UGGs Canada Goose Jackets Canada Goose Outlet the knockout flavors integral in your environment,
elite a attorney reference work much as loose repositing or delays in speech influence.
Sometimes these dealers mental faculty become a twosome
written account a day can really raise the trade to
your legislative assembly. product, not fruit humour, the writer rarify designs,

Feel free to visit my web site - New Balance Outlet

You could also try tk Social Bookmarking Search or tk Video Search!