/* ANUNCIO4 */

Gadget: últimos comentarios con javascript

gadget comentarios

Para poner los  últimos comentarios en blogger, solo se necesita agregar un gadget, el cual es ajustable con el numero de comentarios y caracteres.

Para agregarlo primero se necesita pegar el script en la plantilla, ve a Diseño-> Edición de HTML, busca (Ctrl+F) </head> y arriba de eso pega lo siguiente:
<script type='text/javascript'>
//<![CDATA[
function toggleIt(id) {
 post = document.getElementById(id);
 if (post.style.display != 'none') {
  post.style.display = 'none';
 } else {
  post.style.display = '';
 }
}

function showFullPost(id) {
 var post = document.getElementById(id);
        var spans = post.getElementsByTagName('span');
        for (var i = 0; i < spans.length; i++) {
             if (spans[i].id == "fullpost")
                 spans[i].style.display = 'inline';
             if (spans[i].id == "readmore")
                 spans[i].style.display = 'none';
        }
}

function showFull(id) {
 var post = document.getElementById(id);
        var spans = post.getElementsByTagName('span');
        for (var i = 0; i < spans.length; i++) {
             if (spans[i].id == "fullpost")
                 spans[i].style.display = 'inline';
             if (spans[i].id == "showlink")
                 spans[i].style.display = 'none';
             if (spans[i].id == "hidelink")
                 spans[i].style.display = 'inline';
        }
}


function hideFull(id) {
 var post = document.getElementById(id);
        var spans = post.getElementsByTagName('span');
        for (var i = 0; i < spans.length; i++) {
             if (spans[i].id == "fullpost")
                 spans[i].style.display = 'none';
             if (spans[i].id == "showlink")
                 spans[i].style.display = 'inline';
             if (spans[i].id == "hidelink")
                 spans[i].style.display = 'none';
        }
        post.scrollIntoView(true);
}

function checkFull(id) {
 var post = document.getElementById(id);
        var spans = post.getElementsByTagName('span');
        var found = 0;
        for (var i = 0; i < spans.length; i++) {
             if (spans[i].id == "fullpost")
                 found = 1;
             if ((spans[i].id == "showlink") && (found == 0))
                 spans[i].style.display = 'none';
        }
}

function commentDisplay(json) {
  for (var i = 0; i < numcomments; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        alturl = entry.link[k].href;
        break;
      }
    }
    alturl = alturl.replace("#", "#comment-");

    if (entry.content) {
      comment = entry.content.$t;
    } else if (entry.summary) {
      comment = entry.summary.$t;
    }

      var re = /<\S[^>]*>/g;
      comment = comment.replace(re, "");
      document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> dijo:<br/>');
      if (comment.length < numchars)
         document.write(comment + '<br/><br/>');
      else
         document.write(comment.substring(0, numchars) + '...<br/><br/>');
  }

}
//]]>
</script>

Guarda la plantilla y ahora ve a Diseño-> Añadir un gadget seleccionas HTML/Javascript y pega el siguiente código:
<script language="javascript">
var numcomments = 5;
var numchars = 40;
</script>
<script src="http://tu-blog.blogspot.com/feeds/comments/default?start-index=1&
alt=json-in-script&callback=commentDisplay"></script>

 Ahora cambia lo marcado en azul por la dirección de tu blog.

Configuraciones:
Cambia el numero marcado en rojo por el numero de comentarios que quieres que se muestren.
Cambia el numero marcado en naranja por el numero de caracteres a mostrar (cortar o alargar el comentario).

2 comentarios:

que tengo que cambiar para q sea de ultimos post y no de comentarios??

@Carlos Ledezma - Administrador Para las ultimos post te dejo esta entrada: http://wixusblogger.blogspot.com/2011/03/gadget-ultimas-entradas-posts-en.html Gracias por tu visita!

Publicar un comentario