del.icio.us Feed in DotNetNuke

I'm quite a fan of del.icio.us, for a while I've been think about exposing my posts on this website, well I've finally done it and I've got to say it was easy. A little bit of JSON and javascript into a Text/Html module and hey presto 15 of my latest posts.

If you want to add your own del.icio.us posts to your site then read on below for the source code.

my del.icio.us bookmarks

Add del.icio.us Feeds to your Site

Into a text/html module insert the following code into the source view. You'll need to change the src attribute in the first javascript tag to have your del.icio.us username. So for example insert your username like this

http://del.icio.us/feeds/json/USERNAME_HERE?count=15

You can also change the count value to be any value between 1 and 100 to limit the number of posts returned.

<div id="container" style="border: 3px solid rgb(207, 211, 232); margin: 5px; padding: 5px;">
    <h2>my del.icio.us bookmarks</h2>
</div>

var ul = document.createElement('ul')
    for (var i=0, post; post = Delicious.posts[i]; i++) {
        var li = document.createElement('li');
        var a = document.createElement('a');
        
        a.style.marginLeft = '20px';
        var img = document.createElement('img');
        img.style.position = 'absolute';
        img.style.display = 'none';
        img.height = img.width = 16;
        img.src = post.u.split('/').splice(0,3).join('/')+'/favicon.ico';
        img.onload = showImage(img);
        a.setAttribute('href', post.u);
        a.setAttribute('target', '_blank');
        a.appendChild(document.createTextNode(post.d));
                
        li.appendChild(img);
        li.appendChild(a);
        li.appendChild(document.createElement('br'));
        li.appendChild(document.createTextNode(post.n));
        li.appendChild(document.createElement('br'));
        li.appendChild(document.createElement('br'));
        
        ul.appendChild(li);
    }
    document.getElementById('container').appendChild(ul)
</script>