ues 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.
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;
}
UtilidadesVer las 67 entradas de Utilidades
(67) 
