JQuery Display recent/latest tweets on website using asp.net

By: Suresh Dasari Apr 3, 2012

Introduction:

In this article I will explain how to show latest or recent tweets on website using JQuery in asp.net.

Description:

In previous post I explained many articles relating to JQuery. Now in this article I will explain how to display or show recent tweets on website using JQuery in asp.net. In many websites we will be able to see the tweet widget and that contains recent tweets. After seen that twitter widget I decided to write a post to display latest tweets on our website using JQuery in asp.net.

First open Visual Studio and create new website after that write following code in your aspx page

<head>

<title>JQuery Display Recent or latest Tweets on website in asp.net</title>

body {

font: 12px/16px normal Arial, Helvetica, sans-serif;

color: #666;

}

#latest_tweet {

color: #222222;

display: inline;

float: left;

font-size: 10px;

font-weight: normal;

line-height: 13px;

text-align: left;

width: 350px;

}

#latest_tweet small, #latest_tweet a {

color: #D1580D;

text-decoration: none;

}

.loading {

background: url('ajax-loader.gif') center no-repeat;

height: 60px;

}

.rowbackground

{

background-color:#DC5807;

color:White;

font-weight:bold;

text-align:center;

height:30px;

}

</style>

</head>

<body>

<td>Aspdotnet-Suresh.com on Twitter</td>

</tr>

<tr>

<td>

</div>

</td>

</tr>

<td ><a href="http://twitter.com/aspdotnetsuresh" style="color:White">Follow@aspdotnetsuresh</a></td>

</tr>

</table>

</body>

</html>

If you observe above code in header section I added some of script files and css classes by using those files we will display latest tweets on our website. You can get those files by downloading attached sample.

Here I used my twitter account and I selected 10 recent tweets need to display on website. If you want to display latest tweets of your account and customized count of tweets just open “twitter.js” file and change last lines of code in document.ready function those are

$(document).ready(function() {

var username = 'aspdotnetsuresh';

$.getScript('http://twitter.com/statuses/user_timeline/' + username + '.json?callback=twitterCallback2&count=10');

});

Here you can give your twitter username and change count of latest tweets based on your requirement.

After completion of aspx page design and your code modifications just run your application and check your tweets widget that would be like below demo

Demo

Download sample code attached

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS

Subscribe by Email

10 comments :

Anonymous said...: please provide some good example related to tree view binding with data-set having 3 or more tables..thanks in advance.; April 5, 2012 at 10:00 PM
Anonymous said...: great ..Thnaks; April 12, 2012 at 11:14 PM
Unknown said...: This comment has been removed by the author.; July 21, 2012 at 1:12 AM
Anonymous said...: your code not working correctly??????????; February 17, 2013 at 6:35 AM
Anonymous said...: Not working corectly..........; June 17, 2013 at 5:32 AM
Dot Net Swimmer said...: Hi Currently the above code is not working.. please have a look on it; August 5, 2013 at 4:39 AM
Anonymous said...: it is not working properly......; October 2, 2013 at 4:25 AM
jishnu chandran said...: Not working ,..
Check it...; October 17, 2013 at 4:48 AM
Unknown said...: i have downloaded the code and tried the same without making any change in the code.but it is not working and not giving single feed item.. Please suggest me the solution ASAP.; April 15, 2015 at 8:47 AM
Unknown said...: Geting below error
0x800a1391 - JavaScript runtime error: '$' is undefined

$(document).ready(function () {; February 24, 2016 at 2:22 AM