Microanotaciones

lunes, mayo 07, 2007

Bloque de twitter con más de un mensaje

Buscando en la ayuda de twitter como hacer un bloque de twitter ("badge") con más de un mensaje, me encontré un javascript modificado por Jon Aquino. Lo traduje y modifiqué para insertarlo en mi barra lateral con mis últimos 5 mensajes.

A continuación, el proceso en Blogger.

  1. Identificarse en Blogger

  2. Ir al Panel > Diseño > Añadir un elemento de página > HTML/Javascript

  3. Insertar el código

    <script type="text/javascript">
    var elapsedTime = function(createdAt) {
    var ageInSeconds = (new Date().getTime() - new Date(createdAt).getTime()) / 1000;
    var s = function(n) { return n == 1 ? '' : 's' };
    var sd = function(n) { return n == 1 ? 'día' : 'dias' };
    var sm = function(n) { return n == 1 ? '' : 'es' };
    if (ageInSeconds < 60) {
    var n = ageInSeconds;
    return n + ' segundo' + s(n);
    }
    if (ageInSeconds < 60 * 60) {
    var n = Math.floor(ageInSeconds/60);
    return n + ' minuto' + s(n);
    }
    if (ageInSeconds < 60 * 60 * 24) {
    var n = Math.floor(ageInSeconds/60/60);
    return n + ' hora' + s(n);
    }
    if (ageInSeconds < 60 * 60 * 24 * 7) {
    var n = Math.floor(ageInSeconds/60/60/24);
    return n + ' ' + sd(n);
    }
    if (ageInSeconds < 60 * 60 * 24 * 31) {
    var n = Math.floor(ageInSeconds/60/60/24/7);
    return n + ' semana' + s(n);
    }
    if (ageInSeconds < 60 * 60 * 24 * 365) {
    var n = Math.floor(ageInSeconds/60/60/24/31);
    return n + ' mes' + sm(n);
    }
    var n = Math.floor(ageInSeconds/60/60/24/365);
    return n + ' año' + s(n);
    }

    // Make date parseable in IE [Jon Aquino 2007-03-29]
    function fixDate(d) {
    var a = d.split(' ');
    var year = a.pop();
    return a.slice(0, 3).concat([year]).concat(a.slice(3)).join(' ');
    }

    function twitterCallback(obj) {
    var html = '<li>XXXXXX1 dijo:</li>';
    for (var i = 0; i < obj.length; i++) {
    html += '<li><i>' + obj[i].text + '</i> (<font style="font-size:80%">hace ' + elapsedTime(fixDate(obj[i].created_at)) + ')</font></li>';
    }
    document.getElementById('twitter_list').innerHTML = html;
    }
    </script>

    <ul id="twitter_list"></ul>

    <script type="text/javascript" src="http://www.twitter.com/t/status/user_timeline/XXXXXX2?callback=twitterCallback&count=XXXXXX3"></script>


  4. Reemplazar lo siguiente:
    1. XXXXXX1 por su nombre de usuario en twitter.
    2. XXXXXX2 por su número de identificacion única de twitter. Lo pueden obtener aquí y es el número que vá en la parte roja de la imagen adjunta:
    3. XXXXXX3 por el número de mensajes que quieren mostrar.

  5. Grabar y ¡listo!


Categorías: cat, cat.

Etiquetas adicionales: , .

No hay comentarios.: