Gadget de posts (entradas) recientes con imagen en miniatura


En un post anterior habíamos visto cómo añadir un gadget de entradas recientes de forma sencilla, pero sin una imagen en miniatura del post.
Hoy veremos cómo agregar un gadget que nos permita mostrar una lista con las últimas entradas de nuestro blog, con resumen, imagen en miniatura y con algunos datos (como la fecha de publicación del post y el número de comentarios).


1.§ Vamos a Diseño - Añadir un gadget - HTML/Javascript.

2.§ Dentro del gadget pegaremos el siguiente código, conformado por los estilos y los scripts:


3.§ Reemplazamos AQUITUBLOG por el nombre de nuestro blog. Ahora les explicaré algunos parámetros que podemos personalizar:
» var numposts = 5; es el múmero de posts a mostrar.
» var showpostthumbnails = true;es para mostrar las imágenes en miniatura; si no queremos que aparezcan, cambiamos a false.
» var displaymore = true; es para mostrar el enlace Más; si no queremos que aparezca, cambiamos a false
» var displayseparator = true; es para mostrar una línea de separación entre posts; si no queremos que aparezca, cambiamos a false
» var showcommentnum = true; es para mostrar el número de comentarios del post; si no queremos que aparezca, cambiamos a false.
» var showpostdate = true; es para mostrar la fecha de publicación del post; si no queremos que aparezca, cambiamos a false.
» var showpostsummary = true; es para mostrar un pequeño resumen del post; si no queremos que aparezca, cambiamos a false.
» var numchars = 80; es el número máximo de caracteres que se mostrará en el resumen del post; podemos aumentar o disminuir el valor.

4.§ Una vez modificados los datos, damos clic a Guardar.

Visto en : Webaholic | Vía: Chica Blogger

16 opinaron:

Luis Tu Cocinero

Hola: ya puse el Gadget en mi blog pero si tienes la oportunidad de visitarlo veras que no queda bien, no salen los textos de las entradas.
No modifique nada, solo el nombre del blog.
Se puede arreglar??¿
Gracias y felicidades de nuevo por tu blog

Responder
squirrel

se ve lindo el gadget lo agregare a mi blogcito!

Responder
Yessmi

agregue este gadget a mi blog quedo hermosoo gracias por este tutorial y por todos tus tutos

Responder
Chiknaui.Mikistli Joel Molina Reyes

lo buscaba muchas gracias, quisiera centrarlo y ponerle un ancho de 200 no se si se pueda, abrazos desde mexico,

Responder
Vania

Hola que tal, mi nombre es Vania y soy webmaster al igual que tú! me gusta mucho tu blog y quería pedirte permiso para enlazarte a mis blogs, Así mis usuarios podrán conocer acerca de lo que escribes.

si estás interesado o te agrada la idea, contáctame a esta dirección ariadna143@gmail.com para acordar el título para tu enlace. Y si no fuera mucha molestia, me puedes agregar tu también una de mis webs. Espero tu pronta respuesta y sigue adelante con tu blog.

Vania
ariadna143@gmail.com

Responder
Didier Jimenez

Gracias me sirvió de mucho

Jéssica YK

» Didier Jimenez:
Me alegra que el tutorial te haya sido de ayuda. Gracias a ti por el comentario y por la visita al blog.

S@lu2

Responder
Manuel Inzunza

Jessica

Funciona perfecto...muy agradecido queda muy bien

gracias

Jéssica YK

» Manuel Inzunza:
Qué bueno que el tutorial te haya sido de ayuda. Gracias a ti por la visita (:

S@lu2

Responder
MrDark9000

Hola, muy buen post me sirvio a la perfeccion :) muy lindo tu blog.
Saludos

Jéssica YK

» MrDark9000:
Gracias, qué bueno que el post te haya sido de ayuda (:

S@lu2

Responder
SuTuS Web

Gracias ... una genialidad !!!

Jéssica YK

» SuTuS Web:
Gracias a ti por la visita y qué bueno que el post te haya servido!!

S@lu2

Responder
Neus Guasch Ribas

Muchas gracias por el post!
He tardado en encontrar alguno que me sirviera! Estoy entusiasmada.
El unico problema es que ahora me quedan las imagenes como en zig zag, no una debajo de la otra.
También me salen con un punto delante. Se puede quitar?
Soy super novata! Gracias de antemano!
Para comprobar lo que os comento podeis visitar mi recién nacido blog: ibizaandme.blogspot.com.es
Espero que os guste y estais invitados a Ibiza!

Francisco Carrillo

Me pasa lo mismo. Pudiste resolver lo de las imágenes zig zag?

Responder
DAVID MICKEL PACHECO JIMENEZ

Muy bonito este gadget, muchas gracias por compartir. ;)

Mira como quedo en mi blog: http://www.3ksistemas6k.blogspot.com/

Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio