Agregar Últimas Entradas Con Imágenes (thumbnail) En Blogger


El siguiente truco, tiene como objetivo, mostrar las últimas entradas en nuestro blog con una imagen en miniatura lo que le da una muy buena vista al blog y le permite al usuario ver de manera mas sencilla otras entradas. El truco es muy sencillo, de hecho es un widget que proporciona el mismo Blogger por lo que no necesita scripts, ni siquiera nos tenemos que meter a editar la plantilla, lo único que tenemos que hacer es lo siguiente:



Vamos a Diseño>> Elementos de página>> Agregar un gadget





En la ventana que nos aparece, vamos al cuadro buscar y tecleamos "recent posts" y de las opciones que nos da, seleccionamos el que dice "recent posts advanced" tal y como se muestra en la imagen:




Ahora solo falta configurarlo, lo cual es muy sencillo, solo tenemos que especificar el titulo, la dirección de nuestro blog, cuantas entradas queremos que aparezcan y una serie de aspectos que podemos comprobar con la vista previa en la misma configuración.




¡Listo! ahora ya tenemos en nuestro blog esta poderosa herramienta, ahora propongo algo completamente opcional, se trata de una condicional para este gadget, en otras palabras, que las últimas entradas no aparezcan visibles en la página principal, solo cuando entren a algún post, cuestión que recomiendo dado que si esta en la página principal, pues es donde están precisamente las últimas entradas, entonces, ¿para que duplicar la información?, así que si les interesa este truco, sigan leyendo.

*BONUS. CONDICIONANTE PARA EL GADGET

En esta parte, tenemos que entrar a la plantilla, vamos a Diseño>>Edicion HTML y expandimos artilugios, ahora buscamos el widget que acabamos de agregar, en este caso busco "Entradas Recientes" tu buscaras el tiíulo que le pusiste y de acuerdo al siguiente código, agrega lo que esta en rojo exactamente como se presenta:

<b:widget id='Gadget1' locked='false' title='Entradas Recientes' type='Gadget'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->


<b:if cond='data:blog.pageType == "item"'>


<b:if cond='data:renderingUrl != ""'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<b:if cond='data:gadgetSnippet != ""'>
<data:gadgetSnippet/>
<b:else/>
<div class='widget-content'>
<b:if cond='data:trackingUrl != ""'>
<img expr:src='data:trackingUrl' height='1' width='1'/>
</b:if>
<b:if cond='data:nonSocialFragment != ""'>
<data:nonSocialFragment/>
</b:if>
</div>
</b:if>
<b:else/>
<data:errorMessage/>
</b:if>


</b:if>


<b:include name='quickedit'/>
</b:includable>
</b:widget>


Y listo, eso es todo, ahora las últimas entradas aparecerán solo cuando entre a un post, ¿excelente no?

Espero que les sea de ayuda.

Fuente : Allblogtools

Comentarios

  1. Al aplicarle el código en rojo ya no me aparece el widget....
    puedes ayudarme??... estaré haciendo algo mal en el código?
    cuanto espacio se deja antes entre el código negro y rojo

    ResponderEliminar
  2. Hola Edén, ese es precisamente el objetivo del código en rojo, que el widget se oculte en la página principal y aparezca cuando entran a leer algun post, intenta hacerlo :)

    Si quieres tenerlo siempre visble, NO agregues la condicionante "código en rojo"

    y como nota adicional, los espacios que hay entre el código rojo y el resto, los puse para resaltar lo que se debe agregar. En código html, los espacios no son relevantes, puedes tener 1 espacio o 100 y el resultado es el mismo, son las etiquetas las que hacen la diferencia ( ).

    Espero haberte ayudado.

    Saludos cordiales!

    ResponderEliminar
  3. Buenas noches Arredondo.
    lo he probado en uno de mis blogs y no me funciona , me refiero al original sin modificaciones ...
    a otro le he cambiado la plantilla , por si ese es el problema y nada .. tampoco funciona.
    Me tiene aburrido...
    mañana a ver si estoy mas despejado y pruebo con tu modificacion ...

    ResponderEliminar
  4. Buenos días por acá Victorino, un gusto verte por aquí de nuevo, una duda, que es exactamente lo que no te funciona?

    Saludos!

    ResponderEliminar
  5. Que tal, el concejo funciona muy bien. Ahora la inquietud es la siguiente yo tengo adsense en mi blog y al momento de dar click en uno de los post del gadget que se agrego ingresa al post pero la publicidad de adsense desaparece o en su lugar aparce este mensaje "No se puede encontrar la página web"

    ResponderEliminar
  6. ¿Cuál es la dirección de tu blog? Necesito verlo para saber que puede ocasionar ese detalle jeje

    ResponderEliminar
  7. que tal la direccion de mi blog es http://como-vivir-sano.blogspot.com

    ResponderEliminar
  8. Que tal, el concejo funciona muy bien. Ahora la inquietud es la siguiente yo tengo adsense en mi blog y al momento de dar click en uno de los post del gadget que se agrego ingresa al post pero la publicidad de adsense desaparece o en su lugar aparce este mensaje "No se puede encontrar la página web"
    mi direccion es http://como-vivir-sano.blogspot.com/

    ResponderEliminar
  9. Ya cheque y si que es extraño, te diré que voy a hacer: Cómo habrás notado en mi blog, no manejo publicidad, así que voy a crear una cuenta y hacer algunas pruebas para primero identificar si es problema general de la aplicación o considerar otra vertiente, ¿De acuerdo?

    Te mantendré informado jeje

    ResponderEliminar
  10. Hola amigo, 5 meses despues me tienes de vuelta aca, buscando el mismo gadget para mi nuevo blog, muchas gracias un saludo

    ResponderEliminar
  11. Que tal mi estimado, veo que el blog te quedó muy bien :) Gusto saludarte.

    ResponderEliminar
  12. ¿Sigues con el "Detallito"? Por mi parte, hice algunas pruebas y no falló para nada y como entre a tu blog y no vi nada, pues no se si sólo era un problema momentáneo de blogger (Algo común).

    Seguimos pendientes.

    ResponderEliminar
  13. Hola Isaias, gracias por tu visita, amigo, que ha sido de ti? tienes algun otro blog q no sepa? seria bueno seguirte en algun lado

    ResponderEliminar
  14. ¡Hola, que tal! Pues ando en twitter la mayor parte del tiempo y mi otro blog es en tumblr, con contenido distinto al que publico aquí, digamos que son mis recortes personales jeje, te dejo los links:

    http://twitter.com/isaiasgah

    http://isaias.tumblr.com

    Seguimos en contacto mi estimado :)

    ResponderEliminar
  15. Hola, me pregutaba si este gadget puedo condicionarlo a las últimas entradas de una etiqueta específica?
    y tambien me preguntaba si podría ocuparlo dos veces, obviamente para dos etiquetas distintas...tengo un blog de fotografía y artículos y me gustaría separar las últimas entrada para cada una de estos dos temas..se entiende? espero que sí, y que me puedas echar una manito
    Gracias
    y felicidades por el blog y el trabajo !!

    Saludos desde Chile
    atte.
    Rodrigo
    www.lucesysombras.cl
    (esta es mi sitio por si quieres revisar y entender lo que te pregunto)

    ResponderEliminar
  16. Bueno, ese tipo de tecnología es un poco más avanzada de lo que yo manejo, sin embargo te puedo recomendar 3 sitios especializados en trucos para blogger, donde probablemente encontrarás la respuesta, de igual forma estaré revisando a ver si encuentro algo:

    http://vagabundia.blogspot.com/

    http://oloblogger.blogspot.com/

    http://www.pizcos.net/


    ¡Saludos!

    ResponderEliminar
  17. Hola, tengo una pregunta, tengo un blogger y me está saliendo en la opción de compartir en facebook la foto mia, en si la del autor, pero no me sale la foto de la entrada o el video de la entrada, como pudo hacer??
    Muchas gracias!!

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Soy Isaías, y Soy un Adicto a Blogger

Paso a Paso, Todo Sobre Tumblr-Post 1 de 4