Mostrar los comentarios mas recientes

Pues retomando el tema de los comentarios, no se si has notado el gadget de comentarios que tengo en el blog. Pues es muy fácil de insertar en el y además también puedes agregarle estilo a cualquier parte del comentario.

/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.

Antes que nada tienes que alojar donde prefieras el archivo rec_comm.js, que esta dentro de el archivo zip.

[1] Para colocarlo en tu blog necesitas ir a Diseño> Edición HTML>Sin expandir plantillas de artilugios y después colocar el siguiente código antes de </head>:

<script src="rec_comm.js" type='text/javascript'></script>

Donde el texto color:
Rojo: es la URL del archivo rec_comm.js

/!\ En esta entrada se asume que tienes conocimientos de como agregar un gadget. Si no sabes como agregar un gadget, revisa esta entrada: como insertar o crear/eliminar o mover un gadget.

[2] Después tienes que agregar un gadget HTML con el siguiente contenido:

<script type="text/javascript">
//Numero de comentarios a mostrar
var numcomments = 10;
//Mostrar fecha del comentario
var showcommentdate = false;
//Mostrar el titulo de la entrada
var showposttitle = false;
//Numero de letras o caracteres a mostrar
var numchars = 50;
//Mostrar con estilo por defecto
var standardstyling = false;
//Mostrar el autor con link
var link_1 = false;
//Texto que va despues del autor
var msg_1 = 'comenta';
//Texto que va antes del titulo de la entrada
var msg_2 = 'sobre';
//Mostrar el comentario con link (eliminar el "Leer mas" si es false)
var link_2 = false;
var msg_3 = '(leer mas)';
</script>
<script src="http://TUBLOG.blogspot.com/feeds/comments/default?alt=json-in-script&
callback=showrecentcomments"></script>

Donde el texto color:
Rojo: es el nombre de tu blog

Si no quedo muy claro como se tiene que utilizar aquí va la explicación:

//Numero de comentarios a mostrar
var numcomments = 10;
El número que coloques es el mismo número de comentarios que mostrará el gadget.

//Mostrar fecha del comentario
var showcommentdate = false;
Las opciones pueden ser:
false: El gadget no mostrará la fecha en que se publicó el comentario
true: El gadget si mostrará la fecha en que se publicó el comentario

//Mostrar el titulo de la entrada
var showposttitle = false;
Al igual que en la opción anterior:
false: El gadget no mostrará el titulo de la entrada donde se publicó el comentario.
true: El gadget si mostrará el titulo de la entrada donde se publicó el comentario.

//Texto que va antes del titulo de la entrada
var msg_2 = 'sobre';
Si se esta mostrando el titulo de la entrada este mensaje se verá antes del titulo.

//Numero de letras o caracteres a mostrar
var numchars = 50;
El número que coloques es el mismo número de letras o cualquier caracter que mostrará el gadget de cada comentario. Excepto cuando el comentario tiene menos letras que las especificadas.

//Mostrar con estilo por defecto
var standardstyling = false;
Para esta opción existen solo dos opciones:
false: El gadget muestra los comentarios sin el estilo por defecto, es decir, puedes modificar el estilo como quieras (Paso 3).
true: El gadget muestra los comentarios con un estilo por defecto

//Mostrar el autor con link
var link_1 = false;
true: Si el autor del comentario dejó una URL esta será mostrada junto con el comentario.
false: Si el autor dejo o no dejó una URL esta no será mostrada junto con el comentario.

//Texto que va después del autor
var msg_1 = 'comenta';
Este será el texto que estará después del autor, de la fecha o después del titulo de la entrada según sea el caso.

//Mostrar el comentario con link (eliminar el "Leer mas" si es false)
var link_2 = false;
false: El link de Leer Mas o el que tengas, por defecto, no se mostrará y el link estará en el comentario.
true: El link de Leer Mas o el que tengas, por defecto, si se mostrará

var msg_3 = '(leer mas)';
Este será el texto del link que estará después del comentario. Eso si la opcion anterior esta en True

[3] Para modificar el estilo de los comentarios (en caso de que no se este mostrando el estilo por defecto) necesitarás colocar el siguiente código antes de ]]></b:skin>:

/* Estilo de: fecha, msg_1, msg_2 (y tambien del autor y post, si no son links)*/
.bbrecpost { 
  color:white !important
}

/* Estilo del links(si estan activados): autor y post */
.bbrecpost a { 
  text-decoration:underline !important;
  color:#FFFFDD !important
}

/* Estilo del texto comentario */
.bbrecpostsum { 
  color:white !important;
  font-weight:bold !important;
}

/* Estilo de msg_3 */
.bbrecpostsum a { 
  text-decoration:none !important;
  color:white !important
}

/* Estilo del Contenedor de cada comentario */
.bbrecontenedor {
  border-bottom:1px dotted #DBD17E;
  font-family:arial;
  font-size:11px;
}