Bed Your Tweets With Your Blog

August 8, 2012

Wait. I meant “embed”, not “bed”. Oh well, sorry to get you excited for nothing. But really, it’s not nothing, so keep reading!

A few months ago, Twitter added a cool feature which allows you to embed tweets into your blog posts. Instead of just cutting and pasting the text of the tweet, or inserting a screenshot, you can actually embed the tweet into the post. It’s the same idea as embedding a YouTube video – with a YouTube video your readers can watch the video without leaving your site. When you embed a tweet, your readers can reply, retweet, or follow directly from your blog. Nifty miscifty, if you ask me! Here’s a sample:

Boo to the yah!

Okay, here’s how you do it:

Everyone, regardless of your blogging platform:

Navigate to the perma-link of the tweet you want to embed by clicking on the time stamp of the tweet:

Then, click on “Embed this Tweet”

Now, here’s where things get a bit different depending on your blogging platform.

WordPress.com users:

Highlight and copy the code from either the “shortcode” tab or the “link” tab. It doesn’t matter which.

Paste the code into your blog post editor:

Publish your post, and you are good to go. Woot!

Self-hosted WordPress.org and Blogger users:

Navigate to the permalink of the tweet, and click on “Embed this Tweet” (see above for screenshots).

Copy the code from the HTML tab

Past the code into the HTML mode of your blog post editor. The HTML mode part is very important!

WordPress.org:

Blogger

Publish your post, and voila – pretty embedded tweet!

Aren’t you excited?! I am. I’m going to have to hold myself back from bedding (ahem, embedding), tons of tweets into my posts. Try it out yourselves, and let me know how it goes!

Edited to add: WordPress.org seems to be a bit finicky with this. (The Tweet embed feature, which has been available on WordPress.com for a while, is new with version 3.4 of WordPress.org.) Make sure when you paste the code you copied from Twitter to your blog post editor (and subsequently hit publish) that the code stays exactly how you pasted it. Occasionally, for whatever reason, when I pasted the Twitter code, WordPress would automatically change it, and the embedded tweet wouldn’t display correctly. Nutty. Those are the Internet Ethos quirks for ya!

4 comments

If you liked this post, consider sharing it!

{ 4 comments… read them below or add one }

Nellie August 24, 2012 at 11:31 pm

wow, this is seriously awesome, thanks for this!
Nellie recently posted..Good Latin Cookin’ with Chulita’s Famous Spices!My Profile

Reply

Stephanie August 25, 2012 at 8:53 am

So glad you liked it! It is pretty cool, huh?

Reply

Lyza October 2, 2012 at 9:08 am

Thanks for the tip, this could be useful down the line. Found you on SITS.
Lyza recently posted..The Cornier You Are The More I Don’t Want To Eat YouMy Profile

Reply

Stephanie October 4, 2012 at 7:32 pm

Glad you found it useful :-)

Reply

Leave a Comment

CommentLuv badge

Previous post:

Next post: