Web feeds/Display in WebCT

From Elearning

An example of incorporating a delicious linkroll into a WebCT homepage. (Click to enlarge.)

Adding a Delicious Web feed or "Linkroll" to WebCT

1. Go to the del.icio.us site
2. Log in to the relevant account (class or personal)
3. Now go to http://del.icio.us/help/linkrolls
4. Copy the generated script, which should look like the script in the grey box below
5. In WebCT, create a new HTML page, and paste this script in as the contents.
6. (Optional) Use CSS to format the display, or customise the worked example.

<script type="text/javascript" src="http://del.icio.us/feeds/js/MECO3602?
  extended;count=7;title=Delicious%20Links;icon;sort=alpha;name;showadd">
</script>
<noscript><a href="http://del.icio.us/MECO3602">my del.icio.us</a></noscript>

Worked example

By modifying the following HTML/CSS code, and pasting it into the header of your homepage, you can achieve a similar display effect to that pictured in the example on the right.

Note, the code below has been abbreviated slightly from the original, to make it easier to customise.

<style><!-- 

/* Header Styles */

h1 	{ font-size: x-large; }
h2 	{ font-size: large; }
div.header 
	{ width: 50%; }

/* Delicious Feed Styles */
div.rss {
    width: 250px; 
    position: absolute;
    right: 10px; 
    top: 80px;
    text-align: right;
    }

-->
</style>


<div class="header"><!-- HEADER -->

<h2>Media and Communications</h2>
<h1>MECO3602 Online Media</h1>
<p><strong>......</strong></p>

</div>

<div class="rss"><!-- DELICIOUS WEB FEED -->

<script type="text/javascript" 
    src="http://del.icio.us/feeds/js/MECO3602?
        extended;
        count=7;
        title=Delicious%20Links;
        icon;
        sort=alpha;
        name;
        showadd">
</script>

<noscript><a href="http://del.icio.us/MECO3602">Online Media Links</a></noscript>

</div>