A jQuery and Twitter plugin.

A jQuery and Twitter plugin.

Posted by legacye in Home on 02 8th, 2009 | no responses

Nowadays everybody has a blog, social networking page or somewhere on the net where they like to call home. Even though you might have a blog, it’s not always practical to create a new post each time you want to update your friends on your life – and maybe some of them don’t know how to use RSS feeds to subscribe to you. What’s the solution? Twitter. Twitter has made it possible to update your friends, family and co-workers on what you’re up to at any time of the day, and because it’s inter-connected like a social network..you dont need to worry about using your own feed readers.

Now, what happens if you want to share your twitter updates on your website?. Well, there’s a few options out there, but none so elegant as the jQuery plugin for Twitter. (example: http://coda.co.za/content/projects/jquery.twitter/demo.html). This plugin is an easy way for you to embed your Twitter feed inside a webpage with very little hassle.

All you need to do is download the source files from here (http://coda.co.za/content/projects/jquery.twitter/jquery.twitter.zip) and then include the necessary javascript and html in your page.

Next, add a div element with id “twitter” to your page, wherever you want your feed to appear:

<div id="twitter"></div>

Lastly attach the plugin to that div with the following jQuery code:

$(document).ready(function()
{

$("#twitter").getTwitter({

userName: "jquery",
numTweets: 5, loaderText: "Loading tweets...",

slideIn: true, showHeading: true,

headingText: "Latest Tweets", showProfileLink: true }); });

To take a look at the plugin dev. page, feel free to head over to http://coda.co.za/blog/2008/10/26/jquery-plugin-for-twitter for some more information. Hopefully someone will find this useful! :)