How To: Embed Tweets in Blog and Website

Twitter yesterday launched a new tool called Blackbird Pie that allows you to easily embed tweets (HTML code) into a website or blog post.

Previously, people wanting to quote Tweets had to take a screenshot, crop it, save it, upload and insert it.

Blackbird Pie simply asks you for the URL of a tweet and lets you “Bake it,” meaning you get a preview of how it will look on the Web and a box with the code you need in it. You simply need to copy those HTML codes and have to paste elsewhere you want to publish.

Follow the simple steps to Embed Tweets in your Blog or elsewhere.

Copy the full URL of a tweet (e.g.http://twitter.com/AakarTech/status/13418033111). Remember you have to click on time (eg. 10 seconds ago)
Go to http://media.twitter.com/blackbird-pie/
Click on the input text field
Paste the URL
Click on “Bake it”
Click on the text area where the HTML code is created
Select all text (press ctrl+A)
Copy (ctrl+C)

And now, finally, you can paste the code into Blogs, websites.

Working Demo:

Copy URL (e.g. http://twitter.com/AakarTech/status/13418033111) by clicking at time as shown above (i.e. less than 10 seconds). Then go to Blackbird Pie (http://media.twitter.com/blackbird-pie/) and paste the above url and click bake it. After baking the url, you will get the Live preview along with HTML code. Simply copy and paste that HTML code and publish elsewhere you like.