Traduire le widget Twitter en Français

On samedi, juillet 26, 2008

twitterific_logo_enlarged copie


Twitter est un outil de microblogging, qui permet au blogeur de signaler à ses lecteurs "ce qu'il est en train de faire". Twitter prend généralement le forme d'un widget dans la barre latérale du blog affichant le dernier message publié par le blogeur, ainsi que la date à laquelle ce message a été publié. Et c'est cette dernière qui est affichée en anglais, au format : 8 minutes ago par exemple, et que je vous propose de traduire.



Pour commencer, ouvrez le bloc-notes, et copiez-y ce code :


function twitterCallback2(obj) {
var twitters = obj;
var statusHTML = "";
var username = "";
for (var i=0; i<twitters.length; i++){
username = twitters[i].user.screen_name
statusHTML += ('<li><span>'+twitters[i].text+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a></li>')
}
document.getElementById('twitter_update_list').innerHTML = statusHTML;
}

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 'il y a moins de 1 minute';
} else if(delta < 120) {
return 'il y a une minute';
} else if(delta < (60*60)) {
return 'il y a ' + (parseInt(delta / 60)).toString() + ' minutes';
} else if(delta < (120*60)) {
return 'il y a 1 heure';
} else if(delta < (24*60*60)) {
return 'il y a ' + (parseInt(delta / 3600)).toString() + ' heures';
} else if(delta < (48*60*60)) {
return 'hier';
} else {
return 'il y a ' + (parseInt(delta / 86400)).toString() + ' jours';
}
}


Enregistrez ensuite le fichier avec une extension en .js, comme ci-dessous :


2008-07-26_211904







Connectez-vous ensuite à votre compte Google Page Creator.

Sur la droite de la page, cliquez sur "upload", puis sur le bouton "Choisir".

Dans la fenêtre qui s'ouvre, sélectionnez le fichier que vous venez de créer.

Attendez que le fichier soit envoyé, puis cliquez sur son nom dans la même section.

Le fichier s'ouvre alors dans votre navigateur. Récupérez son URL, qui est du type http://pages.google.com/manager/<nom du compte google>/<nom du fichier envoyé>.js

Ensuite, récuperez le code de votre widget. Pour ce blog :


<div id="twitter_div"><ul id="twitter_update_list"></ul></div> <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/Bertrand31.json?callback=twitterCallback2&count=1" type="text/javascript"></script>


Enfin, remplacez l'URL du script par défaut, en gras ci-dessus, par celle du script que vous avez uploadé, enregistrez et le tour est joué !


Enjoy !

9 commentaires

  1. xma :

    Bonjour, j ai decouvert votre widget modifié pour twitter à mettre sur son site internet.

    J'ai suivi votre méthode et tout ce passe bien à part pour IE7 et IE6 . Croyant que le widget ne soit pas comme beaucoup de javascript compatible ie j'ai été sur votre site via ce dernier et je vois que tout marche bien.
    J ai épluché votre code et j ai rien trouver d'anormal .

    Avez vous uné idée ?

    Posté le 15 septembre 2008 22:29

     
  2. Bizarre que cela ne fonctionne pas chez toi ... D'autant plus que, sur mon blog, j'ai utilisé exactement la même methode que celle détaillée dans cet article, et, comme tu l'as constaté, ça fonctionne très bien sous IE...
    Tout ce que je peux te conseiller c'est de reprendre la manip à zero, ou d'attendre un petit peu. En effet, le widget twitter fait parfois des caprices...
    En tout cas j'espère que tu arriveras à résoudre ton problème. ;)

    Posté le 16 septembre 2008 20:32

     
  3. julie :

    ça marche pas chez moi !!! ça me met :
    "Google Page Creator is no longer accepting new sign-ups.

    If you would still like to create your own free website, please use Google Sites.

    Learn more about this change."

    quand je clique sur google page creator!!!!! j'ai pas de bouton pour upload!!

    Posté le 11 mai 2009 19:24

     
  4. Effectivement, Google page creator n'accepte plus les nouvelles souscriptions, cependant il existe d'autres services sur lesquels tu peux héberger tes fichiers.
    Une petite recherche sur Google devrait te renseigner davantage, ainsi que cette page présentant divers hébergeurs gratuits.

    Posté le 11 mai 2009 20:37

     
  5. anne :

    quelles recherches faut il faire je suis perdue merci de votre aide

    Posté le 26 juin 2009 23:04

     
  6. anne :

    bonjour quelle recherche dois je faire parce qu'évidemment ça marche pas !!

    Posté le 9 juillet 2009 14:25

     
  7. Gros regret : la manipulation passe très bien, mais dès lors, les liens ne sont plus cliquables... Ai-je fait une erreur ?

    Posté le 28 juillet 2009 16:05

     
  8. Serait-il possible d'héberger notre widget maison sur notre propre site ? Cela réglerait le problème. Sauriez-vous quoi mettre comme code à ce moment-là ?

    Merci !

    Posté le 23 avril 2011 20:14

     
  9. Outweb :

    J'ai le même problème les liens ne sont plus cliquable. Avez vous une idée pour résoudre le problème ?

    Posté le 12 juillet 2011 18:19

     

Enregistrer un commentaire