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 });