Twitter 111: Twitter Badge on WordPress.com – Showing Tweets

In response to this post about how you can put a “Follow Me” Twitter badge on your WordPress.com blog, budgallant says:

that’s interesting, but definitely not at alternative to actually displaying the twitter updates…. what is up with wordpress? do they have a bias against twitter?

It’s not an anti-Twitter thing; it’s about WordPress.com stripping any javascript that you attempt to paste into one of its widgets. They say it’s a security measure, and I’ll take them at their word. I suppose if you have several million blogs on one server domain, you don’t want one with malicious code to bring the whole platform down. So the easy way out is to not allow anything but straight HTML in sidebar widgets.

Thankfully, there is a way around the problem, that lets you both have a badge people can click to follow you, and also display your latest Tweets.

badgeandtweets

You do the first part by following the instructions I had in the previous post.

Putting the latest Tweets in is actually easier, because Twitter provides an RSS feed that you can pull into an RSS widget in WordPress.com.


So you start by going to your Twitter home page, and at the bottom left you will see a link that says “RSS” that looks like this:

whereistwitterrssfound

Ctrl-click (Mac) or right-click (Windows) on that RSS link, and depending on your browser you will select one of the following:

Safari
Safari
Firefox
Firefox
IE Windows - Copy Shortcut
IE Windows - Copy Shortcut

Then you go to your WordPress.com dashboard, and under Appearance, click on Widgets:

widgets

You will want to click the Add link next to the RSS widget type.

addrss

Then click the Edit link on the RSS Widget as it appears on the right side of your dashboard:

picture-1

And fill out the widget details as below, pasting the URL you had copied from your Twitter page into the top line:

rsswidget

Click “Done” and then “Save Changes”

picture-2

And your sidebar will look something like what you see in mine, which as of this moment is:

picture-35

While doing this post, I took advantage of the opportunity to increase the number of tweets displayed to six, instead of the three I had previously.

I hope you’ve found these instructions helpful as you incorporate your Twitter stream into your WordPress.com blog. It’s a little more complicated than just copying the widget from Twitter, but I think it accomplishes the same thing.

Add to FacebookAdd to DiggAdd to Del.icio.usAdd to StumbleuponAdd to RedditAdd to BlinklistAdd to Ma.gnoliaAdd to TechnoratiAdd to FurlAdd to Newsvine

Author: Lee Aase

Husband of one, father of six, grandfather of 15. Chancellor Emeritus, SMUG. Emeritus staff of Mayo Clinic. Founder of HELPcare and Administrator for HELPcare Clinic.

3 thoughts on “Twitter 111: Twitter Badge on WordPress.com – Showing Tweets”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.