Pinterest Stumbleupon Whatsapp
Ads by Google

how to embed twitter into your websiteIf you’ve ever wanted to post a Twitter tweet on your blog, you will know it can be tedious work. First you have to take a screenshot of the tweet, then you have to edit it and upload the image before you can embed it into your content.

Earlier this month, Robin Sloan – who works for Twitter – developed a hack for Twitter Media that potentially makes it much easier to embed Twitter updates into your website or blog. Blackbird Pie, as it’s called, allows users to submit the URLs of specific tweets so it can give you HTML code to embed onto your blog.

Whether this will be a feature added to Twitter in the future has yet to be seen, but the process is much simpler than the traditional copy & paste.


In this article, I will go over the 4 methods you can use to embed tweets onto your blog using Blackbird and its extensions and alternatives.

1. Bake A Tweet With Blackbird Pie

how to embed twitter into your website

Blackbird Pie can be found on the Twitter Media page. To generate an embeddable tweet, all you need to do is paste the URL of a single tweet in the box and click Bake it.

Ads by Google

how to embed twitter into your website

Once you do this, a box appears showing you how the tweet will look on your site, as well as another box with the HTML code.

The page does indicate that the embed is not guaranteed to work on your blog platform or site because it is a newly developed feature. However, I have tested it on WordPress and it was successful. If you’re familiar with HTML/CSS, you could also tweak the code to get your tweet looking the way you want.

2. Try The Publitweet Blackbird Bookmarklet

An alternative to Blackbird Pie, Publitweet has developed a dynamic bookmarklet for embedding your tweets that they claim is easier to use than Twitter Media’s version.

put twitter in blog

To use the bookmarklet, simply go to this page and drag the link up to your bookmark bar.

put twitter in blog

Once the link is placed, navigate to the URL of the tweet you would like to copy. When you’re on the page, just click the bookmark link and a box will appear with your HTML code. All you have to do now is paste the code to your blog and your tweet will be embedded into your post.

Publitweet also has a script that allows you make your embedded tweets embeddable themselves so others can place them on their site. You can find the script here.

3. Install The WordPress Plugin

If you’re using WordPress and would like to use the embeddable tweet feature, Themergency has a Twitter Blackbird Pie WordPress plugin just for you. Just download the plugin and install it the way you would any other extension on WordPress and you’ll be generating embeddable tweets in no time.

[Note]: When using the plugin, your fonts and backgrounds from Twitter are kept intact, whereas methods previously mentioned may alter your text to match the rest of the font on your blog.

4. The Blackbird For Chrome Extension

put twitter in blog

If you’re more familiar with (or simply like to use) Google Chrome extensions over all else, there is one for Blackbird. You can find the extension on this page. Just click Install and you’re done.

This extension is very minimalist and is in the form of a little blackbird that sits up in your URL box that appears whenever you are on a single tweet’s URL page.

When on such a page just click the bird and a drop-down box appears with your tweet and the HTML code, very similar to the original Twitter Blackbird Pie page.

Conclusion

What do you think of this new hack/feature? Are you going to be embedding tweets into your blog posts more often now? Should Twitter implement this into the site?

Leave your thoughts, ideas, concerns, and opinions below in the comments section!

Image Credit: *clairity*

  1. twitblend
    June 25, 2010 at 6:40 am

    If you want to put twitter widget into your website in a much easier way (without coding, javascript knowledge) you might want to check out

    http://www.twitblend.com/widge...

    this service allows you to create dialogue or conversation from selected tweets then you can share and put it into your website/blog with their widget

  2. twitblend
    June 25, 2010 at 4:40 am

    If you want to put twitter widget into your website in a much easier way (without coding, javascript knowledge) you might want to check out

    http://www.twitblend.com/widget

    this service allows you to create dialogue or conversation from selected tweets then you can share and put it into your website/blog with their widget

    • Steve Campbell
      June 28, 2010 at 3:59 pm

      Very nice. Thanks for sharing!

  3. Prometeo
    May 22, 2010 at 8:51 pm

    I'm currently using the BlackBird bookmarklet and it's fantastic. Until something better comes I'm sticking with it.

    • Steve Campbell
      May 22, 2010 at 11:52 pm

      Excellent! Yeah this feature isn't even a month old so I'm sure somebody will come out with something pretty awesome with it.

Leave a Reply

Your email address will not be published. Required fields are marked *