PDF 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:
- Working with Widgets – What you need to know.
- The Twitteraholic’s Ultimate Guide to Tweets, Hashtags and all things Twitter.
Edublogs Support Manager @suewaters on Twitter
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?
This article was great…super easy to follow and I got my Twitter Widget up and running! Thanks!
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
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?
@Torria Can you give me your Blog URL? Best to check it on your blog to see what is happening.
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!
Hi Sue,
I followed all your instructions but instead of a widget – All I can see is a line “Tweets by @ponnappamanu”
Please help.
Hi Manu
The issue is usually you are adding the blog URL incorrectly when setting up the widget at Twitter.com. Please let us know your blog URL so I can explain what you need to add under domain.
manuponnappa.blogspot.in
Thanks Manu – Blogger is considerably more complex due to their changing of domains based on your location. You can read why it is a problem and the solutions here – https://dev.twitter.com/discussions/10706 and https://dev.twitter.com/discussions/9777
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
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?