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

If you enjoyed this article, Get email updates (It’s Free)
http://w3lessons.info/wp-content/uploads/2012/11/twitter-timeline-jquery-css1.pnghttp://w3lessons.info/wp-content/uploads/2012/11/twitter-timeline-jquery-css1-150x150.pngKarthikeyan KCSS3FreebiesjquerytwitterJquery,new techniques,timeline,twitter
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.In this script, I have...