Post
Ask Question

Add Twitter Feed In Our Website

  1. <html>  
  2.   
  3. <head>  
  4.     <meta charset="utf-8">  
  5.     <title>jQuery TweeCool Plugin Demo</title>  
  6.     <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">  
  7.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>  
  8.     <script src="Scripts/tweecool.js"></script>  
  9.     <style>  
  10.         .twitter-widget ul {  
  11.             margin: 0;  
  12.             padding: 0;  
  13.         }  
  14.           
  15.         .twitter-widget li {  
  16.             list-style: none;  
  17.             clear: both;  
  18.         }  
  19.           
  20.         .twitter-widget li img,  
  21.         .twitter-widget li .tweets_txt {  
  22.             float: left;  
  23.             margin-bottom: 10px;  
  24.         }  
  25.           
  26.         .twitter-widget li img {  
  27.             -webkit-border-radius: 30px;  
  28.             -moz-border-radius: 30px;  
  29.             border-radius: 30px;  
  30.         }  
  31.           
  32.         .twitter-widget li .tweets_txt {  
  33.             width: 350px;  
  34.             margin-left: 10px;  
  35.         }  
  36.           
  37.         .twitter-widget li .tweets_txt span {  
  38.             font-style: italic;  
  39.             color: #666;  
  40.             display: block;  
  41.         }  
  42.     </style>  
  43. </head>  
  44.   
  45. <body>  
  46.     <div id="jquery-script-menu">  
  47.         <div class="jquery-script-center">  
  48.             <ul>  
  49.                 <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>  
  50.                 <li><a href="http://www.jqueryscript.net/">Back To jQueryScript.Net</a></li>  
  51.             </ul>  
  52.             <div class="jquery-script-ads">  
  53.                 <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">  
  54.                 </script>  
  55.             </div>  
  56.             <div class="jquery-script-clear"></div>  
  57.         </div>  
  58.     </div>  
  59.     <div class="twitter-widget">  
  60.         <div id="tweecool"></div>  
  61.     </div>  
  62.     <script>  
  63.         $(document).ready(function()  
  64.         {  
  65.             $('#tweecool').tweecool(  
  66.             {  
  67.                 //settings    
  68.                 username: 'atultajrawat',  
  69.                 limit: 10  
  70.             });  
  71.         });  
  72.     </script>  
  73. </body>  
  74.   
  75. </html>  
OutPut



Summary

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