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

Related Posts