How to embed a tweet with the redesigned Twitter website

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.)

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

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:

Week in review: Getting a bead on Verizon’s Galaxy Nexus? cnet.co/vwHBD6

— CNET News (@CNETNews) December9, 2011