Super simple Twitter Feed Reader


/ Published in: HTML
Save to your folder(s)

I didn't create this but I have used it man time. It's super easy to implement and customize.


Copy this code and paste it in your HTML
  1. <style type="text/css">
  2.  
  3. #twitter {
  4. width: 500px; margin: 130px auto;
  5. }
  6.  
  7. #twitter h1 a {
  8. display: block; margin: 0 0 15px 0;
  9. font: 14px Arial, Sans-Serif; color: #004080;
  10. text-decoration: none;
  11. }
  12. #twitter h1 a:hover { color: #004080; }
  13.  
  14. #twitter ul {
  15. list-style: none;
  16. margin: 0; padding: 0;
  17. }
  18. #twitter ul li {
  19. margin: 0 padding: 0;
  20. }
  21. #twitter ul li a {
  22. font: normal 14px/30px Georgia, Times, Serif;
  23. color: #004080;
  24. }
  25. #twitter ul li a:hover { color: #CC0000; }
  26.  
  27. #twitter ul li span {
  28. font: 22px/30px Helvetica, Arial, Sans-Serif; color: #004080;
  29. }
  30. #twitter ul li span a {
  31. font: 22px/30px Helvetica, Arial, Sans-Serif;
  32. }
  33.  
  34.  
  35.  
  36. <div id="twitter">
  37. <h1><a href="http://twitter.com/hamiltopia">@hamiltopia</a></h1>
  38. <ul id="twitter_update_list"></ul>
  39. </div>
  40. <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
  41. <script src="http://twitter.com/statuses/user_timeline/hamiltopia.json?callback=twitterCallback2&count=5" type="text/javascript"></script>

URL: twitter_feed_reader

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.