After you downloaded and unzipped jtwt you will need to implement the jQuery library in the <head> area of your document, like this:
<script type="text/javascript" src="js/jquery.js"></script>
Add the jtwt.js and the jtwt.css below the jQuery library:
<script type="text/javascript" src="js/jtwt.min.js"></script> <link rel="stylesheet" href="css/jtwt.css" />
Now initialize the jtwt plugin between a $(window).load(function() { and a });.
<script type="text/javascript">
$(window).load(function() {
$('#twitter').jtwt({
username : 'yourusername'
});
});
</script>
At last, we need to create the already declared container for our twitter widget:
<div id="twitter"></div>
jtwt.js comes with a bunch of options to create the best experience for your users.
$('#twitter').jtwt({
count : int, // The number of displayed tweets.
username : 'yourusername', // Your username.
image_size : int, // The size of your avatar.
loader_text : 'loading tweets', // loading text
});
jtwt.js is contributed under the Creative Commons Attribution 3.0 Unported license. You're free to use jtwt.js in personal and commercial projects.
jtwt.js is provided "as-is", without any warranty and professional support. However, we're happy to help if we can. Feel to drop us a line via email or Twitter. It may take up to 48 hours till you receive an answer.
We're working hard to make jtwt.js better. If you're happy with the plugin feel free to buy as a beer or two. Thanks for your support!