Add Twitter Updates On Blogger Using jQuery

Twitter plugin on blogger, yet another must have plugin for bloggers. Unlike the normal plugin offered by Twitter, this uses jQuery script with easy to integrate and also easy to modify for any blogspot blogs. It is not just a twitter update plugin, you can also highlight reply and links, to make your Twitter updates more resourceful. Thanks to Philip for making tweetable script. So here are the steps to add Twitter updates on Blogger blogs.

Step 1: Before getting into the script section. We need to call jQuery within our blogger template. So inorder to do that, just paste the below code after <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/bloggermintcom/jquery.tweetable.js" type="text/javascript"></script>

Step 2: Now navigate to Blogger dashboard > Layout > Page Elements. Click on Add a Gadget and select HTML / Javascript and enter the code which you find below

<div id="tweets">

<script type='text/javascript'>

$(function(){

$('#tweets').tweetable({username: 'bloggermint', time: true, limit: 5});

});

</script>

</div>

Now change the user name with your twitter user name and you can also change the number of updates to display, by just changing the limit value.Click here to see the live demo

Drop in your comments, if you need help in blogger integration.

February 22, 2010. This entry was posted in Blogger, jQuery, Tutorials, Twitter and tagged . Bookmark the permalink.

We Recommend HostGator Hosting

Bloggermint strongly recommends Hostgator Hosting for all of your web hosting needs. Sign up today for WordPress Hosting at just $4.95/month.

Use coupon code "bloggermint" to get 25% discount on any hosting packages. Get an account with Hostgator now!

7 Responses so far!

  1. Didn’t work for me.
    followed the steps exactly as asked

  2. Didn’t worked in my blog too..

  3. i have followed the step by it didn’t work on my blog :(

  4. Damm!! ….. wat a site of info for bloggers…….dont stop……..do keep writing dude:)

  5. Um….there’s nothing written in Step 1??? Or am I going mad?!

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>