TweetScroller

footer.html

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="js/handlebars.js"></script>
<script src="js/moment.js"></script>
<script src="js/jquery.masonry.js"></script>
<script src="js/jquery.hoverIntent.js"></script>
<script src="js/jquery.tweetscroller.js"></script>

head.html

<link rel="stylesheet" href="css/tweetscroller.css">

markup-and-template.html

<div id="tweets"></div>
<script id="tweet-template" type="text/x-handlebars-template">
  <div class="tweet">
    <blockquote class="twitter-tweet">
      <div class="vcard author">
        <a class="screen-name url" href="https://twitter.com/{{user.screen_name}}">
          <span class="avatar">
            <img src="{{user.profile_image_url}}" class="photo">
          </span>
          <span class="fn">{{user.name}}</span>
        </a>
        <a class="nickname" href="https://twitter.com/{{user.screen_name}}"><span>@{{user.screen_name}}</span></a>
      </div>
      <div class="entry-content">
        <p class="entry-title">{{text}}</p>
      </div>
      <div class="footer">
        <a class="view-details" href="https://twitter.com/{{user.screen_name}}/status/{{id_str}}">{{created_at}}</a>
      </div>
    </blockquote>
  </div>
</script>

tweet.js

$('#tweets').tweetscroller({
  autoplay: true,
  username: 'divshot'
});