Sem Blogroll não há Blog'n'Roll, uma solução eficiente com a ajuda do del.icio.us
Autor: André Valongueiro | Publicado: 2006-09-26T19:23:00-03:00

Uma das características mais legais presentes nessa nova web (Web 2.0) e que deve avançar muito nos próximos anos é a interoperabilidade entre os sistemas online. As API´s públicas caíram no gosto dos desenvolvedores e grande parte das aplicações que seguem o conceito Web 2.0 já as disponibilizam, tanto para facilitar a integração entre sistemas quanto para fornecer os chamados e aclamados Web Services.As possibilidades realmente são enormes e eu rapidamente tenho me tornado um fã de API´s, em especial as que trabalham com JavaScript e que colocam na minha mão o uso "fácil" de objetos AJAX e diversos efeitos DHTML.Mas o que me motivou a escrever esse post foi uma descoberta recente que fiz através do Bardo.Cyaneus.Net e que implementa uma coleção de links para outros blogs(blogroll) fazendo uso  de um script  escrito em JavaScript.  Esse script manipula informações  diretamente do meu del.icio.us e as exibe aqui em meu blog, à sua esquerda, com o título "Meu Blogroll". Sacou?! Inclusive já incluí na lista todos os camaradas que passam por aqui e participam desse blog.O barato é que esse script captura e apresenta alguns links aleatoriamente, junto com seu respectivo favicon. Dessa forma mesmo que você possua dezenas de blogs na tag blogroll do seu del.icio.us você poderá escolher a quantidade de links a serem exibidos no seu blog e o próprio script irá se encarregar de sortear esses links e colocá-los onde você desejar. Legal né? E pensar que antes eu ficava que nem um "mané" incluindo links diretamente no código fonte do meu blog. Agora é só "taguear" os blogs que eu desejo para a categoria blogroll do meu del.icio.us e pronto, ele já estará no meu blog também. Que beleza!O código? Lá vai:&lt;div id="myblogroll"&gt;&lt;/div&gt;&lt;script type="text/javascript" src="http://del.icio.us/feeds/json/andre.valongueiro/blogroll?count=100"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;qtShow =13function showImage(img){return (function(){img.style.display='inline'})}function randOrd(a,b){return (Math.round(Math.random()) -0.5)}ul =document.createElement('ul')ul.style.listStyle ="none"allp =new Array()for (i in Delicious.posts){allp.push(Delicious.posts[i])}allp.sort(randOrd)last =(allp.length &gt;qtShow) ?qtShow :allp.length -1for(i =0; i &lt;=last; i++){post =allp[i]li =document.createElement('li')a =document.createElement('a')a.style.marginLeft ='20px'img =document.createElement('img')img.style.position ='absolute'img.style.display ='none'img.height =img.width =16img.src =post.u.split('/').splice(0,3).join('/')+ '/favicon.ico'img.onload =showImage(img)a.setAttribute('href',post.u)a.appendChild(document.createTextNode(post.d))li.appendChild(img)li.appendChild(a)ul.appendChild(li)}document.getElementById('myblogroll').appendChild(ul)&lt;/script&gt;Em negrito destaquei os principais pontos para uma alteração rápida no script. Antes de mais nada criei a div que irá comportar os links e dei a ela o id "myblogroll". Logo abaixo, no source(src="") você deve substituir andre.valongueiro por seu login no del.icio.us e blogroll pela tag do seu del.icio.us que irá armazenar os links a serem capturados. A variável qtShow define quantos links serão exibidos na sua lista. No final do código, onde destaquei 'myblogroll', você deve colocar o id do elemento(sugiro que seja um elemento nível de bloco, como um div) que irá receber e comportar a lista de links.Sem mistério, espero que todos consigam usar. Alguns favicons não aparecem na minha lista, mas já percebi que o problema não acontece apenas comigo. De toda forma esse detalhe não deve nos impedir de tirar proveito da excelente funcionalidade e praticidade que esse script nos fornece.Grande abraço!