These days everyone is on Twitter. There are tweets flying left, right and center through cyberspace. So how do you get your latest tweet to display on your website? Well there are plenty of ways to do it, but the easiest way that I have come across is this one. No plugins or installation required and it works on any website. All you need to do is copy and paste three lines of code and you’re done.
First of all you need to decide where you want your latest tweet to go on your website, then copy and paste the following HTML there.
<div id="twitter_update_list"></div>
Then simply copy and paste this JavaScript at the bottom of your website before the </body> tag.
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/blah.json?callback=twitterCallback2&count=1"></script>
Don’t forget to replace “blah” in the code with your own Twitter account name. You can also change the “count” to display more of your tweets. Now all you need to do is style up your tweet with a bit of simple CSS and you’re done!
Adham Dannaway
Web Designer and Front End Developer with a passion for web design, coding, blogging, WordPress and chewing gum. Check out my web design portfolio and follow me on Twitter and Facebook!
Great tips for a web designer. Thanks Adham for your valuable tutorial. I am looking for a page loading effect for my site, if you know please share.
Thanks
Chandan
Nice post about twitter..
Is amazing but there is a problem when you need to validate the html 🙁
@Manuel – Try this instead, it should validate. 🙂
Is there anyway to display your latest FAVORITE TWEET and not display the timestamp?
Thanks in advance!
Thanks for the tips about tweets.
Keep it up
Works great except for retweets it’s blank. How can you make it only show tweets and not retweets?