Monday, May 10, 2010

Embed tweets in your blog with Blackbird Pie tool from twitter

Many times you want to post the tweet in your blog or website and generally its the screenshot which is posted for that. But now twitter has released a tool called Blackbird Pie It provides static html tweets for the blog to embed.

Just go to the Blackbird Pie  and paste the URL of the tweet you want to embed and hit the ‘Bake It’ button. This will show how the tweet will look like and also provide the Long HTML code which has to be copy / pasted into your blog.


If you are using Windows Live Writer, just click on ‘Source’ tab at the bottom and paste the code and go back to ‘Edit’ tab to preview. It automatically adapts to the look & feel of your blog template.

Please note that this tool is still a work in progress , so it may work or may not on your blog. This generated code from Blackbird Pie , on some pages which accepts plain simple HTML tags may not work. I have tried it on Blogger based blog and and it works. Twitter is working on it to have many improvements such as lesser codes, provide real time stamp etc.

Making it easier -

Now if you think, generating the code, copy/pasting is a bit longish process then there are some methods which will make it bit easier for you -

  • Blackbird bookmarklet-

Xavier has created a Blackbird bookmarklet which eases this process.  Just drag and drop the bookmarklet link to your bookmarks bar. Now go to URL of the tweet, click on the bookmarklet.Copy the code. That’s it.


Using this method displays the absolute date and time of the tweet instead of “X minutes ago” shown by twitter’s method

Here I’m inserting the code using this method-

Finally the original SRT is on twitter n the first thing I'd like to do is wish my colleagues the best in the windies,Tue May 04 18:21:32 via Twitter for BlackBerry®



  • Blackbird Pie Twitter Plugin for Live Writer-

Scott has come up with a plugin for Windows Live Writer. Blackbird Pie Twitter Plugin for Live Writer  Once the plugin is installed (check the above link, how to do it), Just click on Twitter Quote from the Insert menu,


which gives you this screen:


Paste your link into the box shown, hit ‘Bake It’, then once the tweet has loaded, press insert . That’s all

It’ll say “Your inserted tweet will appear here when you publish”

So I’m just inserting  a tweet below using this plugin, and I can’t see the tweet while writing post in Windows Live Writer as its says “Your inserted tweet will appear here when you publish”


Finally the original SRT is on twitter n the first thing I'd like to do is wish my colleagues the best in the windies,less than a minute ago via Twitter for BlackBerry®


So this is about embedding a tweet into your blog, so next time instead of Screenshot try this method of embedding. ANd remember this is still work in progress , twitter is improving it so in some cases Blackbird Pie may not work.

No comments: