<html>
<head>
<meta charset="utf-8">
<title>jQuery TweeCool Plugin Demo</title>
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="Scripts/tweecool.js"></script>
<style>
.twitter-widget ul {
margin: 0;
padding: 0;
}
.twitter-widget li {
list-style: none;
clear: both;
}
.twitter-widget li img,
.twitter-widget li .tweets_txt {
float: left;
margin-bottom: 10px;
}
.twitter-widget li img {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.twitter-widget li .tweets_txt {
width: 350px;
margin-left: 10px;
}
.twitter-widget li .tweets_txt span {
font-style: italic;
color: #666;
display: block;
}
</style>
</head>
<body>
<div id="jquery-script-menu">
<div class="jquery-script-center">
<ul>
<li><a href="http://www.jqueryscript.net/social-media/jQuery-Plugin-To-Display-Your-Tweets-On-The-Web-Page-TweeCool.html">Download This Plugin</a></li>
<li><a href="http://www.jqueryscript.net/">Back To jQueryScript.Net</a></li>
</ul>
<div class="jquery-script-ads">
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div class="jquery-script-clear"></div>
</div>
</div>
<div class="twitter-widget">
<div id="tweecool"></div>
</div>
<script>
$(document).ready(function()
{
$('#tweecool').tweecool(
{
//settings
username: 'atultajrawat',
limit: 10
});
});
</script>
</body>
</html>
OutPut

Summary
In this article we learned how to add Twitter feed in our website.
