Uma das caracteristicas mais legais presentes nessa nova web (Web 2.0) e que deve avancar muito nos proximos anos e a interoperabilidade entre os sistemas online. As API s publicas cairam no gosto dos desenvolvedores e grande parte das aplicacoes que seguem o conceito Web 2.0 ja as disponibilizam, tanto para facilitar a integracao entre sistemas quanto para fornecer os chamados e aclamados Web Services.As possibilidades realmente sao enormes e eu rapidamente tenho me tornado um fa de API s, em especial as que trabalham com JavaScript e que colocam na minha mao o uso "facil" de objetos AJAX e diversos efeitos DHTML.Mas o que me motivou a escrever esse post foi uma descoberta recente que fiz atraves do Bardo.Cyaneus.Net e que implementa uma colecao de links para outros blogs(blogroll) fazendo uso de um script escrito em JavaScript. Esse script manipula informacoes diretamente do meu del.icio.us e as exibe aqui em meu blog, a sua esquerda, com o titulo "Meu Blogroll". Sacou?! Inclusive ja inclui na lista todos os camaradas que passam por aqui e participam desse blog.O barato e que esse script captura e apresenta alguns links aleatoriamente, junto com seu respectivo favicon. Dessa forma mesmo que voce possua dezenas de blogs na tag blogroll do seu del.icio.us voce podera escolher a quantidade de links a serem exibidos no seu blog e o proprio script ira se encarregar de sortear esses links e coloca-los onde voce desejar. Legal ne? E pensar que antes eu ficava que nem um "mane" incluindo links diretamente no codigo fonte do meu blog. Agora e so "taguear" os blogs que eu desejo para a categoria blogroll do meu del.icio.us e pronto, ele ja estara no meu blog tambem. Que beleza!O codigo? La vai:<div id="myblogroll"></div><script type="text/javascript" src="http://del.icio.us/feeds/json/andre.valongueiro/blogroll?count=100"></script><script type="text/javascript">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 >qtShow) ?qtShow :allp.length -1for(i =0; i <=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)</script>Em negrito destaquei os principais pontos para uma alteracao rapida no script. Antes de mais nada criei a div que ira comportar os links e dei a ela o id "myblogroll". Logo abaixo, no source(src="") voce deve substituir andre.valongueiro por seu login no del.icio.us e blogroll pela tag do seu del.icio.us que ira armazenar os links a serem capturados. A variavel qtShow define quantos links serao exibidos na sua lista. No final do codigo, onde destaquei 'myblogroll', voce deve colocar o id do elemento(sugiro que seja um elemento nivel de bloco, como um div) que ira receber e comportar a lista de links.Sem misterio, espero que todos consigam usar. Alguns favicons nao aparecem na minha lista, mas ja percebi que o problema nao acontece apenas comigo. De toda forma esse detalhe nao deve nos impedir de tirar proveito da excelente funcionalidade e praticidade que esse script nos fornece.Grande abraco! Na semana passada eu finalmente pude atualizar a minha versao do Blogger para o novissimo Blogger Beta, agora sob responsabilidade do Google e com diversas novidades que ainda nem comecei a explorar.Celebrei bastante a possibilidade de agora