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>— 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.
Link: A URL that you can share.
Example of embedded tweet:
Week in review: Getting a bead on Verizon’s Galaxy Nexus? cnet.co/vwHBD6
— CNET News (@CNETNews) December9, 2011