TWITTER

Copyright © 2010

Questo blog non rappresenta una testata giornalistica in quanto viene aggiornato senza alcuna periodicità. Alcune delle foto presenti sono state reperite su internet: chi ritenesse danneggiati i suoi diritti d'autore puo' contattarmi per chiederne la rimozione.

Homepage

Twitter Widget

Aggiornamenti Twitter provenienti da Reuters_Italia, realizzato da Sardiniatube

Se vuoi incorporare sul tuo sito web gli aggiornamenti twitter provenienti dall'account reuters_italia, utilizza il codice seguendo le istruzioni riportate di seguito.

Codice da inserire all'interno del tag <head></head>:

<script type="text/javascript">

    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('<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></br>'); 
      } 
      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 'meno di un minuto fa'; 
      } else if(delta < 120) { 
        return 'circa un minuto fa'; 
      } else if(delta < (60*60)) { 
        return (parseInt(delta / 60)).toString() + ' minuti fa'; 
      } else if(delta < (120*60)) { 
        return 'circa un ora fa'; 
      } else if(delta < (24*60*60)) { 
        return 'circa ' + (parseInt(delta / 3600)).toString() + ' ore fa'; 
      } else if(delta < (48*60*60)) { 
        return '1 giorno fa'; 
      } else { 
        return (parseInt(delta / 86400)).toString() + ' giorni fa'; 
      } 
    } 

</script>

Codice da inserire sul punto dove vuoi che venga visualizzato il widget:

<div id="content_twitter">
   
    <div id="twitter_div">
<h2 class="sidebar-title">Aggiornamenti Twitter<br /><small>by Reuters_Italia</small></h2>
<span id="twitter_update_list">Caricamento Tweets..</span>
<a href="http://twitter.com/sardiniatube" id="twitter-link" style="display:block;text-align:right;">Segui Sardiniatube su Twitter</a>
   </div>

<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/reuters_italia.json?callback=twitterCallback2&amp;count=15&include_entities=true"></script>

</div>

Lo stile:

<style>
#content_twitter {
  color: #5c5c5c;
  font-family: Arial;
  font-size: 18px;
  background:#fff;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  text-align: left;
  width: 400px;
  height: 300px;
  border-radius: 15px;
}

a {
  color: #00ADEF;
  text-decoration: none;
}

#twitter_div {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #5AA5BC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    margin-top:10px;
    padding-top: 30px;
    padding-right: 5px;
    padding-left: 5px;
}
 
#twitter_div ul li {
    color: #0C93BA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #A1E8F7;
}
 
 
#twitter_div ul li a:hover {
    text-decoration: none;
    color: #D78E42;
}
 
#twitter_div p {
    text-align: right;
    padding-right: 6px;
    padding-bottom: 10px;
}
#twitter_div ul li span {
    visibility: visible;
}
 
#twitter_div ul li span a {
    color: #D78E42;
    visibility: visible;
    display: inherit;
}
 
#twitter_div ul li a {
    display: block; /* creates line-break b/f & after */
    text-align: right; /*aligns time-stamp to the right */
    font-family: 'Trebuchet MS'; /* change t-s font */
    color: #445566; /* change color of time-stamp */
}
</style>

Personalizzazione. Il codice può essere personalizzato sostituendo l'utente twitter: individua sul codice la chiamata api "<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/reuters_italia.json?callback=twitterCallback2&amp;count=15&include_entities=true"></script>
" e sostituisci reuters_italia con l'utente desiderato.

Condizioni di utilizzo. L'utilizzo di questo widget è totalmente gratuito, saremmo grati se venissero mantenuti i nostri link all'interno del codice. Per informazioni contattare il web developer all'indirizzo sardiniatube@yahoo.it

DEMO

Scritto da: gblogger Link permanente | Commenti (0)

I commenti sono chiusi