How to Add a Twitter Widget

One of the most common questions we’re asked is how to add a Twitter widget to a blog sidebar.

Once you know how embed the Twitter widget it is really simple but, it has become more complicated to explain due to recent changes to Twitter so we’ve decided to show you how it’s done.

But first here’s what you need to know.

The new Twitter widget from Twitter.com allows you to embed the full Twitter.com experience on any website.  It creates a timeline similar to what you see on Twitter.com where any one who sees it can reply to you, reply to a specific tweet, retweet or favorite any tweet directly from the Twitter widget without leaving your blog.

Below’s what the new Twitter widget looks like:

And here’s how simple it is to reply from the widget:

Now here’s how you embed a Twitter widget:

1.  Log into your Twitter account on Twitter.com

2.  Go to your Twitter Settings page.

3.  Click on Widgets.

4.  Click on Create New.

5.  Choose which type of widget you want to create.

6.  Add your domain, customise the widget and click Create Widget.

7.  Copy the embed code.

8.  Log into your blog.

9.  Go to Appearance > Widgets.

10.  Drag a text widget into your sidebar.

11.  Paste the embed code from Twitter.com into the text widget in your sidebar.

12.  Presto!  You should now have a Twitter widget in your sidebar.

Want more information?

Check out:

Sue Waters

Edublogs Support Manager @suewaters on Twitter

21 Responses

  1. jean jett says:

    Sue – Thanks for the Twitter how-to!

    Question: I added my Twitter widget; however, the code text, not the widget image, is displayed on the blog. How can I correct my error?

  2. [email protected] says:

    This article was great…super easy to follow and I got my Twitter Widget up and running! Thanks!

  3. poemol says:

    I am using edublogs,and much thing confuse me.Thanks your blog mold.Your article was great…super easy to follow and I got my Twitter Widget up and running! My blog is http://xuzhiqing.edublogs.org.
    Any comment and criticism is permited

  4. Torria says:

    Hi Sue — These directions worked perfectly up until recently. Now, instead of a widget, I get a single line that says “tweets by @torriab”. Are you aware of a fix?

  5. Daniel says:

    Thanks so much for this Sue. I looked at a half dozen websites unsuccessfully trying to do something that should be so simple. I got a lot of results but not the result I wanted until I found your explanation which was much clearer. It turns out I was putting the wrong URL in. Now thanks to you I got it working!

  6. Manu says:

    Hi Sue,

    I followed all your instructions but instead of a widget – All I can see is a line “Tweets by @ponnappamanu”

    Please help.

  7. digitalscribbling says:

    The twitter feed keeps coming up on the bottom of the page near footer instead of on the right under the About Me section. digitalhagar.blogspot.com

    • Sue Waters says:

      Hi digitalscribbling, I’m currently seeing the Twitter widget at the top left hand side of your blog.

      Did you go to Layout, click on add a Gadget and then add a HTML/Javascript Gadget and paste the embed code in the gadget then locate the gadget below your About me?

  8. raej says:

    Hi Sue

    I am also have issues – rather than the widget appearing, I see “tweets by rae_jay” and then the script code. In Twitter I don’t have the domain field appearing – does that make a difference??

  9. Chantelle Davies says:

    Hi Sue,
    Please help. I put the code into the text widget and a headline linking to my twitter account appears, but so does the code. My twitter feed does not appear.
    Here’s the blog I’m trying to start up with this:
    http://alearninglifeforme.edublogs.org/

    • Sue Waters says:

      Hi Chantelle, apologies for the delay in responding. The reason why the Twitter widget isn’t working is because you are using a free Edublogs blog. We’ve had to restrict the ability to add embed code to Edublogs Pro blogs and student blogs with extra features enabled on them by a Pro blog. Unfortunately people who create blogs to promote products and websites were using the ability to embed in very bad ways that we couldn’t allow.

      You can read more about Edublogs Pro here – http://help.edublogs.org/2013/03/11/edublogs-pro/

  10. Mrs. Kelly says:

    I tried to add a twitter widget to my sidebar, and it doesn’t work. You can see what it’s doing here: http://kniht.edublogs.org/.

    While we’re at it, the subscribe via feedburner widget doesn’t work either, and the children’s literature tag is too big.

    But, if anyone could help with the first problem, that would be great!

    • Sue Waters says:

      Hi Mrs Kelly

      Sorry you have had trouble with this. Unfortunately due to misuse by people who create blogs to promote products and websites we’ve had to restrict the ability to add embed code to post, pages and text widgets to Edublogs Pro blogs and student blogs that have had extra features enabled on them by a Pro blog.

      This is why you can’t add the embed code for your Twitter widget or Feedburner subscription.

      You can read more about Edublogs Pro here – http://help.edublogs.org/2013/03/11/edublogs-pro/

      The larger the size of the word in the tag cloud the more posts that have been tagged using that term. You can read more about tags and categories here – http://help.edublogs.org/2013/02/26/categories-vs-tags/

      Hope this has helped and please let us know if you need further assistance.

      Thanks
      Sue Waters
      Edublogs Support Manager

  11. Zoe Page says:

    Just a quick thank you from Japan. Very clear easy to follow instructions. Loving the new feed with the comment options. Super for our wider learning community.

  12. Carles says:

    Hello,
    I read on several similar pages about creating the widget for a blog, and they are all pretty straight forward and seem to work nicely. However I haven’t found a single one addressing my issue, so I am hoping I get an answer/explanation here somehow.

    The issue is the following: all the examples of the buttons created, I see “Follow @username” written on them (“Follow @edublogs” seen on the example provided). However, when I create my widget, regardless how I do it and which page instructions I follow, I always end up with the word “Follow” alone, without the @username showing. And as I mentioned, I have not been able to find an explanation anywhere.

    Oddly enough, I do not see the box “Domain” on the widget creation screen as per picture above. Thus, I am not able to enter the URL of my blog.

    Maybe I am missing something very basic… Can you help?

    Very much appreciated in advance. Regards,

  13. Jagadish says:

    Wow..! Its really nice and easy. Thanks alot.

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Follow

Follow this blog

Get every new post delivered right to your inbox.