Twitter provides a widget that is widely used by many people.
Below is the code provided by Twitter:
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 3,
interval: 6000,
width: 420,
height: 250,
theme: {
shell: {
background: '#ffffff',
color: '#000000'
},
tweets: {
background: '#ffffff',
color: '#000000',
links: '#666666'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('apumpkinpatch').start();
</script>
If you are using Internet Explorer, you may notice that the twitter widget does not scroll with the page. You can see an example of this issue here:
EDIT: On IE7, there are two vertical scroll bars appearing under all other content after adjusting the z-index. This double scrollbar phenomenon in IE is unusual. As a Mac user, I am not familiar with this issue.
I believe the class for the widget is .twtr-doc based on my inspection. If anyone knows of a CSS attribute that can be added to prevent this from happening in IE, please let me know.
The widget works fine in Chrome and Firefox browsers.