ULTIMOS COMENTARIOS

Tener en nuestra sidebar un gadget con los últimos comentarios puede ser muy interesante tanto para los lectores del blog como para el propietario ya que de una forma muy rápida se puede observar cuales son los temas que están actualmente en 'discusión', recordar que hacer comentarios en otros blogs es muy interesante ya que son enlaces a vuestro blog. Insertarlo en el blog es muy sencillo y os mostraré como hacerlo.

En primer lugar:(En la plantilla):

Nos vamos a Diseño->Edición de HTML y buscaremos
]]></b:skin>, una vez localizado copiaremos justamente encima el siguiente código.


/* ULTIMOS COMENTARIOS RINCON BLOG */
.txtmsg {margin: -20px 0 0 0;}


Guardaremos los cambios y listo.

En segundo lugar:(Nuevo elemento)

Como lo normal será tenerlo en la sidebar, añadiremos un nuevo elemento de tipo HTML/Javascript y allí pegaremos el siguiente código.


<script type="text/javascript">
function showrecentcomments(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;
}}
var photoslink=new Array()
photoslink[0]='<img src="http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SeJp1pMWkLI/AAAAAAAAGmo/ggSsVIrdtms/s320/otros.png"/>';
caxitos='<img src="http://2.bp.blogspot.com/_8PJ-pgoBhWQ/SeJpxgrXlGI/AAAAAAAAGmg/7KS4S9cQiro/s320/yo.png"/>';
anonymous='<img src="http://3.bp.blogspot.com/_8PJ-pgoBhWQ/SeJp4vL4RKI/AAAAAAAAGmw/x20-2kKSkEU/s320/anonymous.png"/>';
alturl = alturl.replace("#", "#comment-");
var postlink = alturl.split("#");
postlink = postlink[0];
var linktext = postlink.split("/");
linktext = linktext[5];
linktext = linktext.split(".html");
linktext = linktext[0];
var posttitle = linktext.replace(/-/g," ");
posttitle = posttitle.link(postlink);
var commentdate = entry.published.$t;
var cdyear = commentdate.substring(0,4);
var cdmonth = commentdate.substring(5,7);
var cdday = commentdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Ene";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Abr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Ago";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dic";
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<S[^>]*>/g;
comment = comment.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('<br/>');
if (showcommentdate == true) document.write('El ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ');
if( entry.author[0].name.$t == 'Caxitos'){ document.write(Caxitos)}
else{
if( entry.author[0].name.$t == 'Anonymous'){ document.write(anonymous)}
else{document.write(photoslink)}
}
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + ', dijo' +'</a> ');
if (showposttitle == true) document.write(' en ' + posttitle);
if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
if (standardstyling) document.write('<div class="txtmsg"><br/></div>');
if (comment.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(comment);
if (standardstyling) document.write('</i>');}
else
{
if (standardstyling) document.write('<i>');
comment = comment.substring(0, numchars);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + alturl + '">(leer mas)</a>');
if (standardstyling) document.write('</i>');}
if (!standardstyling) document.write('</div>');
if (standardstyling) document.write('<br/>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');
if (!standardstyling) document.write('</div>');}
</script>
<script type="text/javascript">
var numcomments = 8;
var showcommentdate = true;
var showposttitle = true;
var numchars = 50;
var standardstyling = true;
</script>
<script src="http://AQUIVUESTROBLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>


Modificar AQUIVUESTROBLOG por el nombre de vuestro blog, guardaremos los cambios y listo, un código bastante largo pero muy simple de insertarlo.
Llegado este punto podremos observar el resultado, nos mostrará todos los usuarios con el mismo icono.

Personalización:

Este punto principalmente consiste en poner un icono para los distintos comentaristas de nuestro blog.

Diferenciaremos tres grupos:

1. Comentaristas
2. Autor
3. Anonimos

Lo primero que deberemos hacer es sustituir las 3 apariciones de caxitos por vuestro nombre tal y como aparece en las firmas de vuestro blog.

Seguidamente tendremos que buscar los iconos que queramos que acompañen a los comentarios, yo utilizo este buscador de iconos. Buscaremos 3 recordar uno para cada una de las categorías mencionadas anteriormente, los descargaremos a nuestro ordenador y seguidamente los alojaremos en un servidor de imagenes, guardamos las direcciones generadas y procederemos de la siguiente forma:

Reemplazaremos nuestros códigos sabiendo que el código verde hace referencia a la dirección de la imagen de los comentaristas, el azul al del autor y el rojo al de los anonimos.
Guardamos y listo!!!