Twitter Timeline Script Using jQuery & CSS

Hi guys, now a days every web developer following the facebook timeline design to their blogs. Today I am going to tell how to create a Twitter Timeline with jQuery and CSS. I am planning to create facebook timeline script soon with php and jquery.

Twitter Timeline using jQuery & CSS
Twitter Timeline using jQuery & CSS

In this script, I have used jQuery minitwitter.js – http://minitwitter.webdevdesigner.com/ to fetch the twitter feeds from Twitter Database. Then I have displayed those tweets in facebook’s timeline format with the help of CSS code

JQuery Code

$(document).ready(function(){
//default loading tweets
$('.events').miniTwitter('itzurkarthi');
$(".fetch").click(function() {
var twitter_username = $("#username").val();
if(twitter_username != 'Enter twitter username...') {
$('.events').empty();
$('.events').miniTwitter(twitter_username);
$('#tname').html(twitter_username+' timeline');

} else {
alert('Enter Twitter Username');
}
});
});

Please don’t forget to share and subscribe to latest updates of the blog. Also any comments and feedback are all welcome!

Thanks!

View Demo Download Now

You May Also Like

Never Miss Any Web Tutorials, Guides, Tips and Free eBooks

Join Our Community Of 50,000+ Web Lovers and get a weekly newsletter in your inbox

 

I hate spam too. Unsubscribe at any time.

1 thought on “Twitter Timeline Script Using jQuery & CSS”

Leave a Comment