How to embed Twitter Messages on your webpage?

       

Adding your / your followers post/ twits or messages to your web page is much easy. Here the the CSS and Script that does that all.

 

Copy and paste the code below in your web page as:

Put the CSS snippet just before </style>

#twitter_div
{background:transparent url(http://yourwebsite.com/twitter.png) no-repeat scroll right bottom;}
#twitter_div ul li{list-style:none; color: #000; text-transform:capitalize !important;}

Put this code where you want to show the twits

<div id="twitter_div">
<h2 style="display: none;">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<br/><br/><a id="twitter-link" style="display:block;text-align:left;" href="http://twitter.com/twitterAccoouontName">follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/twitterAccoouontName.json?callback=twitterCallback2&amp;count=1" type="text/javascript"></script>

Replace "twitterAccountName" with your Twitter Account Name, and
count=1 with number of twits you want to retrive .....that's all!

Happy Twittering!