How to Post Tweets Directly in Your Post

Ever wonder how you get those great formatted tweets embedded right in to the posts you see at your favorite blog? It's actually really simple - regardless of the CMS platform you use. Twitter has made it even easier to share your tweets, or the posts of other Twitter users to quote them. 

I've seen this used a lot on BleacherReport.com. Unfortunately I find myself there too often, but I've learned a lot of cool stuff that they do there on their site. They use this technique all the time to quote the latest happenings in the sports world.

You can use the same method to add them to your blog. All you need to do is follow these 4 easy steps and you'll be good to go!

1. Find your Tweet 

FInd the Tweet that you want to embed on Twitter.com and click on the Expand link then the Details link that's next to the date and source. This will bring you to the individual tweet's page that you used to see all the time. 

2. Click on the "Embed this Tweet" link

This will open up a dialog that gives you three different ways to embed the Tweet:

1. HTML - this mode generates the HTML code for direct insertion in to your post using the HTML element blockquote
2. Shortcode - Use this option if your CMS or platform uses shortcodes. A good example of this would be sites running Wordpress. It's super simple to use.
3. As a Link - this is a direct HTML link to the Tweet status page. You will notice that it matches the URL in your browser's navigation bar.

3. Select your alignment orientation

Much like how Wordpress or Drupal WYSIWYG editors work regarding images, you have the ability to control the alignment by selecting the appropriate option here. Make sure you select something appropriate so it looks good.

4. Copy and paste your code in to your post

It's really that simple. Twitter takes care of the rest.

How to Post Tweets Directly in Your Post |Tallahassee Website Design & Development buff.ly/Lslj3q

— Rob Orr (@roborracle) July 18, 2012

This gives your readers the ability follow, retweet, reply, etc. just as you would be able to do right on the Twitter website.

Pretty cool, huh?