Displaying Twitter feeds in a WebLearn page

This page was updated on 20 October 2012

To display Tweets within an HTML page do the following. At the place where you want the Tweets to appear, switch to the Source view of the HTML page (using the button on the top row of the WYSIWYG) and paste in the following:

 <ul id="twitter_update_list">
    <li>&nbsp;</li>
 </ul>

Once this is done, one must add some JavaScript to the page – this code will fetch the Tweets from Twitter and will embed them dynamically onto the page. Paste the following JavaScript onto your page and then change twit_u to reflect your actual Twitter username.

<script
  type="text/javascript"
  src="https://twitter.com/javascripts/blogger.js">
</script>
<script
  type="text/javascript"
  src="https://api.twitter.com/1/statuses/user_timeline/twit_u.json?callback=twitterCallback2&count=5">
</script>

You can also (optionally) place a link directly to your feed on Twitter itself:

<a href="http://twitter.com/twit_u" target="_blank">follow me on Twitter</a>
Posted in Sakai, WebLearn | Tagged , | Leave a comment

Leave a Reply