How to embed a tweet with the redesigned Twitter website

by Mike Beato | Dec 10, 2011 | Solutions

Twitter’s December 2011 redesign adds new features that make it easier to reference, link and embed tweets. Here’s how it all works.

First, select the desired tweet with a single-click on its text. A bit more information will be revealed. To the right of the time/date stamp information, click on the word Details. (Note: This is a change from the previous web version of Twitter. You used to click on the time/date stamp itself.)

media_1323458765340.png

You’ll see the tweet displayed on its own unique web page:

media_1323458810827.png

Now click on Embed this Tweet. A three-tabbed window will appear with embed/link instructions. Here’s my example:

HTML: Copy and paste this code into your website to embed the Twitter-compliant tweet. Note: See my example at the end of this post.

<blockquote class=”twitter-tweet”><p>Week in review: Getting a bead on Verizon’s Galaxy Nexus? <a href=”http://t.co/0ABB4AoP” title=”http://cnet.co/vwHBD6″>cnet.co/vwHBD6</a></p>&mdash; CNET News (@CNETNews) <a href=”https://twitter.com/CNETNews/status/145220581703430144″ data-datetime=”2011-12-09T19:17:39+00:00″>December9, 2011</a></blockquote>
<script src=”//platform.twitter.com/widgets.js” charset=”utf-8″></script>

Shortcode: This is for websites that are shortcode-aware, like WordPress.

[tweet https://twitter.com/CNETNews/status/145220581703430144]

Link: A URL that you can share.

https://twitter.com/CNETNews/statuses/145220581703430144

Example of embedded tweet:

5 Comments

  1. Gilly83

    This blog was… how do I say it? Relevant!!
    Finally I’ve found something that helped me. Thanks a lot!

    Reply
  2. credit

    I really love your website.. Great colors & theme.
    Did you create this website yourself? Please reply back as I’m planning to create my very own site and would love to
    know where you got this from or just what the theme is named.
    Cheers!

    Reply
    • Mike Beato

      Thank you for your feedback! The theme I’m currently using is a customized version of Woothemes Canvas.

      Reply
  3. Read Full Article

    When I originally commented I clicked the “Notify me when new comments are added”
    checkbox and now each time a comment is added
    I get several e-mails with the same comment.
    Is there any way you can remove me from that service?
    Thank you!

    Reply
    • Mike Beato

      You can control all your blog subscriptions by logging into your WordPress.com account. Click on the Dashboard’s “Blogs | Follow” section. You can unsubscribe there. Hope that helps you!

      Reply

Submit a Comment

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