How to Embed a Tweet in a Blog Post or Website

Finding and using a new feature on Twitter.com.

Twitter’s getting a facelift. In fact, as I write this, I’m one of a limited number of early adopters who have sped the arrival of the new version by installing and using the iPhone (in my case) or Android app.

The new Twitter is a dramatic change in the interface — one I plan to review in a video for Lynda.com soon. In the meantime, I’m picking out a few new features to explore in detail here in Maria’s Guides.

In this post, I’ll explore the new ability to embed a tweet — like the one shown here — within a blog post or web page.

  1. On Twitter.com, point to the tweet you want to embed and then click the Open link that appears to open it. (You could also simply double-click the tweet.)
    Open the Tweet
  2. Click the Details link to display the tweet in its own window.
    Click the Details Link
  3. Click the Embed this Tweet link.
    Click Embed this Tweet
  4. The Embed this Tweet pop-up window appears. It has three tabs:
    • HTML enables you to embed the tweet in a blog post or website using HTML. You select the alignment option you want by clicking a button and then copy and paste the code at the top of the tab. In this example, I’ve clicked Right because I want the tweet right aligned (as you see above).
      HTML Embed Code
    • Shortcode enables you to embed the tweet in a blog post on a blogging platform that supports short codes, such as WordPress. Again, set the alignment option you want by clicking a button and then copy and past the code at the top of the tab.
      Shortcode
    • Link displays a direct link to the tweet that you can copy and paste anywhere you like: email message, Facebook, Google+, comment form, or HTML editor to create your own link manually.
      Link

    In this example, I simply pasted the code in the HTML tab into the beginning of this blog post, which I wrote in HTML (I’m a bit old-fashioned that way). If you use WordPress and prefer Rich Text mode, you can do the same thing with the shortcode.

That’s all there is to it.

What’s handy about this is that not only does it display the tweet in its entirety with the tweeter’s profile picture and name, but it has live links to follow that person on Twitter, Reply, Retweet, and Favorite. Cool, no?

Let me teach you more about Twitter!

Get more from your software.You can watch seven videos from my Twitter Essential Training course for free. Click here to get started.

Questions? Comments?
Share them here!

Comments are moderated. I encourage comments that further the discussion, but will not tolerate rudeness or spam. Your email address is never shared.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>