Hacker of the Web
Tus ideas en código!...y mas

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;
}
#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

11 comentarios !

May dijo...

hola, vaya blog, está genial.
Yo tengo un problemilla, a ver si me puedes ayudar. Hace un tiempo quité eso de "Entradas más recientes", "página principal" y "entradas más antiguas". Estoy intentando volver a ponerlo pero no hay manera. A ver si m puedes ayudar.
Gracias, 1 saludo!

Unknown dijo...

May, espero y que te pueda ayudar esta entrada: Recuperar Links de "Mas entradas","Entradas antiguas" y "Pagina principal"

Anónimo dijo...

¿FACIL? ¡que va! al contrario, es complicadísimo.

Unknown dijo...

Hola!!

Maria, vamos, no es tan complicado que digamos. Solo hay que agregar unos scripts.

saint dijo...

hey, excelente todo bien, pero tengo problemas, ya que solo aplica los cambios al post que esta en medio, por ejemplo yo le puse solo 5 post. y a la hora de aplicar eso de "leer mas", solo lo muestra en el post de enmedio, osea el numero 3, mientras que los otros siguen con link en el comentario, en ves de mostrar "leer mas" al final, lo mismo sucede cuando le quiero cambiar el color a los comentarios , cuadno el pongo el color verde, solo lo aplica al post de enmedio, el numero 3, los demas siguen sin colorearse.

que sera?

Unknown dijo...

Hola saint, pues tal vez si colocaras un link hacia tu blog te podría ayudar mas, pero los problemas podrían deberse a muchas cosas, por ejemplo, un error de dedo o tienes muchos scripts en el blog, incluso un error de javascript, pero todos ellos se podrían arreglar si lo quitarás y lo volvieras a poner.

Suerte xD!!

kash dijo...

hola
gracias
aunque al comienzo se me hizo algo complicado , la primera parte de alojar el archivo "rec_comm.js", no sabia como alojar el archivo en mi blog hasta que luego lo probe en box.net , de ahi coloque el url (osea la direccion).
despues otro problema que tuve era que no sabia que agregar en el gadget hasta que vi todo el script, pensaba que era el archivo rec_comm.js (porque aun no entendia bien eso de alojar supuse que era ahi), pero era tan solo el paso numero 2 copiar y pegar y lo demas ya esta listo


GRACIAS !!!! :)

Unknown dijo...

Kash, Si, es algo engorroso el post pero que bueno que hallas logrado hacerlo funcionar xD.

Peliculas Lero's dijo...

Hola, primer debo decir que está genial este blog para los que apenas estamos iniciando...

Necesito su ayuda con respecto a lo siguiente:
Este es el link de mi blog a ver si nos entendemos mejor http://pelileros.blogspot.com/
como se pueden fijar se trata de series y películas, pero no me gusta que al cargar una temporada de serie me aparezca en el menú de películas, se que ese es como el archivo de todas las publicaciones pero hay alún gadged para que sólo se vean las pelis y a parte las series??? las series las tengo en una etiqueta y trate de eliminar el archivo donde salen las peliculas y crear otra etiqueta para ella pero no pude y no se como separar el contenido...
Espero que me haya hecho entender... Saludos y mil gracias por esta página

Josue Juarez dijo...

Que tal Santys? tendras algún post en el cual explique como podemos personalizar los comentarios reallizados?

Así como,color de fondo, estilo de borde, icono a la par del autor etc.

estube buscando en tu blog y por el momento no encontre.

También probé un truquito para personalizar comentarios de autor
pero solo cambia color fondo.

Saludos.

Unknown dijo...

Josue Juarez, tienes razón publicaré acerca de eso en unos momentos xD

gracias!!


Página Principal
Arriba