How To Embed a Tweet Like A Pro

There are all kinds of ways to include a Tweet on your site. Some common ways to put a Tweet on your site are to simply embed a link or if you’d like a little more visual pop to also include a screen grab – and those are fine methods but sometimes you want a little bit more.

I’m talking about embedding an actual Tweet on to your site – interactivity and all! Here is a great way to do that. This is a Tweet that @LadyGaga sent out – notice how all the links are live and the original background is also included:

My handsome darling Tony Bennett's album DUETS II is #1! So happy! Here's The Video for our song THE LADY IS A TRAMP: http://t.co/v9bXj5QH
@ladygaga
Lady Gaga

Here is another one from yours turly @davidgadarian:

10 Reasons Why You Need to Pay Attention to StumbleUpon | Via Gadarian Digital http://t.co/VYtyIppl
@davidgadarian
David Gadarian

So how did I manage to make that happen on my site? It all started a while back when Twitter announced a feature called Blackbird Pie which has since been “disappeared” and been replaced by this nice page directing you to a few of Twitter’s best suggestions for “Embedding A Tweet On A Blog Post” So What is Blackbird Pie?

“Twitter Blackbird Pie is a method of displaying tweets as rich full content rather than as just simple URLs or images. With Blackbird Pie Twitter, hashtags link to search pages and usernames link to twitter profiles. An individual tweet, or pie, includes all the details, design, and information that a single tweet page would include.”

WordPress.com

Assuming you are using WordPress, the next step is to install a plugin called Twitter Blackbird Pie WordPress Plugin (there are a few to WordPress plugins to choose from but as Twitter links directly to this one, this is the one you should probably use).

The plugin will take care of the rest of it for you – all you need to do is select your Tweet and either surround the selected Tweet with a shortcode if you are in HTML mode.

If you prefer the visual editor the plugin ads an easy button to help the process along – here is screen grab for you to review.

If you are not using WordPress there are also a number of other nice alternative that Twitter has provided to help you get the exact same results.

And there you have it. Super easy, and super good looking! Have fun with this and go ahead an wow the socks off of all your website visitors!


Post comment as twitter logo facebook logo
Sort: Newest | Oldest
HotBlogTips 17 pts

Hi David, I've used the Blackbird Pie plugin several times on my blog. The fact that you have "clickable" links that allow anyone to reply, retweet, favorite or visit the profiles right from our blog is very cool.

themergency 6 pts

Hey David,

Thanks for the great post about Blackbird Pie, and glad you like it. Please send any suggestions you may have.

cheers

Brad

Gadarian 11 pts moderator

themergency Thanks for stopping by Brad. If I think of suggestions I'll be in touch, but as of now my response is no need to mess with perfection! I always wonder when I see things like your plugin "how do these guys do it?"

Best,

David

stevekennedy 6 pts

Thanks Gadarian ! Awesome plugin!

Gadarian 11 pts moderator

stevekennedy Thanks Steve!

Ameena Falchetto 196 pts

Wow - that's very attractive! I love that ... you know how I love linking up tweets :) in my posts!

Bookmarking and installing the plugin. Informative as usual David!

Gadarian 11 pts moderator

Ameena Falchetto Thanks Ameena. Have fun with it. And yes, I know all about your love for connecting tweets and posts. Best, David

Trackbacks

  1. [...] How to Embed a Tweet Like a Pro - forget adding tweets as pictures – you need to do it THIS way! [...]

  2. [...] How To Embed a Tweet Like A Pro - this one still remains a favorite of mine.  I know Twitter has recently introduced a similar feature but I think this method is a little better if only because the Tweets are stylized. [...]

What's Powering Your Website?

Limit

Headway is a feature-rich, flexible and user-friendly WordPress theme which nearly eliminates the need for coding, and empowers average WordPress users to create unique, great looking WordPress sites.

Learn More About Headway Themes