How To Add Twitter Updates to Blogger

Posted by Lasantha Bandara on May 28th, 2009 File Under : gadget, twitter, widget4 Comments


1.Log in to your dashboard--> layout- ->Page Elements 

2.Click on 'Add a Gadget' on the sidebar. 

3.Select 'HTML/Javascript' and add the code given below and click save.

<div id="twitter_div" style="background: url(http://i.zdnet.com/blogs/twitter-logo.png) top left no-repeat; padding-left: 5px; padding-top: 75px;">
<ul id="twitter_update_list"></ul></div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/TWITTER-USERNAME.json?callback=twitterCallback2&count=5" type="text/javascript"></script>

NOTE : Remember to replace TWITTER-USERNAME with your real twitter username.Look at the example below.

Now you are done.

File Under : gadget, twitter, widget

4 Responses to “How To Add Twitter Updates to Blogger”

  1. Rhyudy says:

    Nice. It helped me alot

  2. Jo says:

    Thank you - thats brilliant. And now for your next trick - anyone have any ideas on how to add tweets as individual blog posts?

  3. Matt Bracewell says:

    Hi,

    Good tip but the URI's have been deprecated.

    "http://twitter.com/statuses/user_timeline/TWITTER-USERNAME.json?callback=twitterCallback2&count=5"

    becomes

    "https://api.twitter.com/1/statuses/user_timeline/TWITTER-USERNAME.json?callback=twitterCallback2&count=5"

    HTH

  4. Scott says:

    Thanks, Matt. Your comment fixed a problem for me. My tweets stopped appearing on my blog recently. I checked the "before" link above and saw it was dead. Did some Googling, found this page and your "after" link. I edited my WordPress theme and all now works.

    Thanks!

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.