How To Embed a Tweet Like A Pro

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:

[blackbirdpie url=”http://twitter.com/#!/ladygaga/status/120931493156626432″]

Here is another one from yours turly @davidgadarian:

[blackbirdpie url=”http://twitter.com/#!/davidgadarian/status/114362601764438016″]

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!

2013-01-05T22:58:59+00:00

16 Comments

  1. Ameena Falchetto October 13, 2011 at 11:31 pm

    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!

  2. Ameena Falchetto October 14, 2011 at 2:31 am

    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 October 14, 2011 at 9:09 am

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

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

  4. Gadarian October 14, 2011 at 6:09 am

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

  5. stevekennedy October 14, 2011 at 9:27 am

    Thanks @Gadarian ! Awesome plugin!

  6. stevekennedy October 14, 2011 at 12:27 pm

    Thanks @Gadarian ! Awesome plugin!

    • Gadarian October 14, 2011 at 6:15 pm

      @stevekennedy Thanks Steve!

  7. themergency October 14, 2011 at 11:13 am

    Hey David,

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

    cheers

    Brad

  8. themergency October 14, 2011 at 2:13 pm

    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 October 14, 2011 at 6:17 pm

      @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

  9. Gadarian October 14, 2011 at 3:15 pm

    @stevekennedy Thanks Steve!

  10. Gadarian October 14, 2011 at 3:17 pm

    @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

  11. HotBlogTips October 30, 2011 at 8:42 am

    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.

  12. HotBlogTips October 30, 2011 at 8:42 am

    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.

  13. […] 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. […]

Comments are closed.