TUTORIAL: Top comentaristas en nube para Blogger SIN DISQUS (A través de yahoo pipes)

Tweet

Esta es la alternativa al tutorial de "Top comentaristas" anterior que requería el uso de Disqus. Al fin he encontrado una forma de hacerlo en blogger. Encontré en yahoo esta herramienta pero no sé por qué no me funcionaba y la modifiqué un poquito. Está PROBADA en blogger, la puedes ver en este blog.

La idea original, y el gadget en cuestión de dónde he sacado este código, es de un tal Jaime (aquí su entrada). Le he modificado la "pipe" que generaba la lista porque estuvo dejando de funcionar un tiempo, pero el código para ponerlo en forma de nube, es el de Jaime.

Resulta muy fácil, 3 pasos:

-1 Sólo tienes que crear un nuevo Gadget en blogger, de tipo HTML/JavaScript y pegar este código:

<div style="text-align:justify;line-height:1.2;">
    <script type="text/javascript">
    function blnube_centro(feed) {
    max = 0;
    min = 10000;
    for (i=0;i<feed.count;i++)
    {
    blnube_elements = feed.value.items[i].commentcount * 1;
    if (blnube_elements > max)
    {
    max = blnube_elements;
    }
    if (blnube_elements < min)
    {
    min = blnube_elements;
    }
    }
    blnube_elementos = "";
    display = "";
    for (blnuub=0;blnuub<feed.count;blnuub++)
    {
    blnube_parent = feed.value.items[blnuub].commentcount - min;
    blnube_tam = 80 + (blnube_parent * 100) / (max - min) + "%";
    blnube_autrr = "'" + feed.value.items[blnuub].authorurl + "'";
    blnube_elementos = "(" + feed.value.items[blnuub].commentcount + ")";
    blnubID = feed.value.items[blnuub].title + blnube_elementos;
    blnubID2 = "<a style='text-decoration:none;font-size:" + blnube_tam + "' href=" + blnube_autrr + " target='_blank'>" + blnubID + " </a>";
    display = display + blnubID2;
    }
    document.write(display);
    }
    </script>


    <script src="http://pipes.yahoo.com/pipes/pipe.run?
    feed=http://NOMBREDETUBLOG.blogspot.com
    &excluir=Anonymous,TUNICKBLOGGER
    &_callback=blnube_centro
    &num=NUMERO
    &_id=b6d087672639e3bdade56c2e0a83c403
    &_render=json"
    type="text/javascript"></script></div>
<div align="right"><a href="http://deprosaapoesia.blogspot.com/2011/10/tutorial-top-comentaristas-para-blogger.html" target="_blank">Consigue este gadget</a></div>

2- Editamos el código del gadget que acabamos de pegar sustituyendo (os los dejo marcados en rojo para que lo encontréis mejor) "NOMBREDETUBLOG.blogspot.com" por la dirección de tu blog, TUNICKBLOGGER por tu nick de blogger (este campo es necesario para no aparecer nosotros mismos en el top comentaristas, podemos poner todos los nombres que queramos separados por comas para que no aparezcan en este gadget) y NUMERO lo sustituimos por el número de personas que queremos que aparezcan en el ranking. Éste es el código del ejemplo que podéis ver en el blog que os dejé al principio (os tiene que quedar como éste):

<div style="text-align:justify;line-height:1.2;">
    <script type="text/javascript">
    function blnube_centro(feed) {
    max = 0;
    min = 10000;
    for (i=0;i<feed.count;i++)
    {
    blnube_elements = feed.value.items[i].commentcount * 1;
    if (blnube_elements > max)
    {
    max = blnube_elements;
    }
    if (blnube_elements < min)
    {
    min = blnube_elements;
    }
    }
    blnube_elementos = "";
    display = "";
    for (blnuub=0;blnuub<feed.count;blnuub++)
    {
    blnube_parent = feed.value.items[blnuub].commentcount - min;
    blnube_tam = 80 + (blnube_parent * 100) / (max - min) + "%";
    blnube_autrr = "'" + feed.value.items[blnuub].authorurl + "'";
    blnube_elementos = "(" + feed.value.items[blnuub].commentcount + ")";
    blnubID = feed.value.items[blnuub].title + blnube_elementos;
    blnubID2 = "<a style='text-decoration:none;font-size:" + blnube_tam + "' href=" + blnube_autrr + " target='_blank'>" + blnubID + " </a>";
    display = display + blnubID2;
    }
    document.write(display);
    }
    </script>


    <script src="http://pipes.yahoo.com/pipes/pipe.run?
    feed=http://potinguescarolina.blogspot.com
    &excluir=Anonymous,Potingues Carolina
    &_callback=blnube_centro
    &num=10
    &_id=b6d087672639e3bdade56c2e0a83c403
    &_render=json"
    type="text/javascript"></script></div>
<div align="right"><a href="http://deprosaapoesia.blogspot.com/2011/10/tutorial-top-comentaristas-para-blogger.html" target="_blank">Consigue este gadget</a></div>

3.- Añadimos el Gadget haciendo clic en aceptar.

4.- Comentamos y agradecemos si creemos útil esta publicación ;-).