Últimos twitters na sidebar

DEMO

Redes sociais são ótimas para interagir, incrementar e dar um up em seu blog. Use e abuse deste widget, que mostrar os últimos twitters em seu blog.

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o próximo código, colocando o nick do Twitter (sem o @) no local indicado em vermelho.

<div id="twit">
<div id="twitter_div">
<h2 style="display:none;" class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
</div>

<script type='text/javascript'>
//<![CDATA[
function twitterCallback2(twitters) {
  var statusHTML = [];
  for (var i=0; i<twitters.length; i++){
    var username = twitters[i].user.screen_name;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
      return '<a href="'+url+'">'+url+'</a>';
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
    });
    statusHTML.push('<li><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">'+relative_time(twitters[i].created_at)+'</a></li>');
  }
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}

function relative_time(time_value) {
  var values = time_value.split(" ");
  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
  var parsed_date = Date.parse(time_value);
  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  delta = delta + (relative_to.getTimezoneOffset() * 60);

  if (delta < 60) {
    return 'less than a minute ago';
  } else if(delta < 120) {
    return 'about a minute ago';
  } else if(delta < (60*60)) {
    return (parseInt(delta / 60)).toString() + ' minutes ago';
  } else if(delta < (120*60)) {
    return 'about an hour ago';
  } else if(delta < (24*60*60)) {
    return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
  } else if(delta < (48*60*60)) {
    return '1 day ago';
  } else {
    return (parseInt(delta / 86400)).toString() + ' days ago';
  }
}

//]]>
</script>


<script src="http://api.twitter.com/1/statuses/user_timeline.json?screen_name=SEU_NOME_DE_USUARIO_NO_TWITTER&include_rts=1&exclude_replies=true&callback=twitterCallback2&count=10" type="text/javascript"></script>




<style type="text/css">
#twit{background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCTWixYTsyW1C-wyOtFEELOGmQvb-JE0jATO4xHDQavOPoaHQ-FA0nG2ee04wxVgZu64eTBcQnIVhpmEuPNbrV9MB5h1Ar0V6ZJ3rkgCEukDQD-7eVMVFSIc66a8O9QYVN7fKUxSPgXz1s/s1600/backtwitter2.png) no-repeat;width:220px; height:278px;}
#twitter_div{width:60px; height:165px;padding:15px;}
#twitter_update_list{width:140px; height:115px; margin:2px 5px 0 41px; padding:2px 10px 10px 5px; overflow: auto;text-align:left;font-size:11px;}
</style></div>