Added a live Twitter Feed to my DotNetNuke site.
Getting the CSS formatted to look the way I wanted was a little tricky, but after looking around at a couple other blog postings on the topic – settled on the following code.
Use it and if you have suggestion / further refinements – let me know.
1: <!-- TWITTER CSS -->
2: <style>
3: #twitter_div { width: 180px; padding: 0px 0px 0px 0px; }
4: ul#twitter_update_list { list-style: none; padding: 0; margin: 0; }
5: ul#twitter_update_list li { list-style: none; font-family: Verdana, Geneva, sans-serif;
6: font-size: 11px; padding: 5px; margin: 0px 0px 0px 0px; }
7: ul#twitter_update_list li a { font-size: 10px; }
8: </style>
9:
10: <!-- TWITTER -->
11: <div id="twitter_div">
12: <p align="center"><a href="http://twitter.com/lancelarsen" title="Follow me on Twitter"
13: target="Twitter">Follow me on Twitter</a></p>
14: <ul id="twitter_update_list">
15: <li></li>
16: </ul>
17: <p align="center"><a href="http://twitter.com/lancelarsen" title="Follow me on Twitter"
18: target="Twitter">Follow me on Twitter</a></p>
19: </div>
20: <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
21: <script type="text/javascript"
22: src="http://twitter.com/statuses/user_timeline/lancelarsen.json?
callback=twitterCallback2&count=10"
23: ></script>
24: <!-- END TWITTER -->