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: