Twitter Timeline Script Using jQuery & CSS

Last modified on by Karthikeyan K

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

1 Response

Leave a Reply

Your email address will not be published. Required fields are marked *