Advanced Search

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.

Expand | Embed | Plain Text

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. </style>
  36.  
  37. <div id="twitter">
  38. 	<h1><a href="http://twitter.com/hamiltopia">@hamiltopia</a></h1>
  39.  	<ul id="twitter_update_list"></ul>
  40. </div>
  41. <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
  42. <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.