Ir al contenido principal

¿Se puede escoger la imagen del resumen de un post?


Hemos acabado de escribir nuestra entrada... Un tutorial genial con capturas de pantalla, imágenes, gráficos, etc. Al final de él, añadimos una curradísima imagen del resultado final del proceso... ¡Fantástico!

Le damos a publicar... y horrorizados vemos que en el resumen del blog, en el lector de RSS o en la versión para móbil de la web aparece el primer párrafo de la entrada y... la primera imagen... que puede ser la que menos ilustra el post.


Esto es así porqué lo que hace Blogger (o GoogleSites en los gadgets de noticias) es coger la primera imagen, sea la que sea, y darle un tamaño predefinido, para colocarla en la previsualización de la entrada.


¿Qué podemos hacer? ¿Habrá en la sala algún mago que nos eche una mano? 

Volvemos a la edición del post, y clicamos el mágico botón de HTML. Buscamos el código que enlaza la imágen que queremos que aparezca en el resumen (podemos guiarnos por el nombre del archivo)... tendrá un formato parecido a este:

<img border="0" height="107" src="http://3.bp.blogspot.com/-wh3W6gSeHZ4/TzVg1AZfLvI/AAAAAAAAAsM/-OrgQ_JZtME/s200/cascada.png" width="200" />

Copiamos todo este código y nos desplazamos arriba, al principio del post, y allí lo pegamos. Ahora cambiamos los valores de height (alto) y width (ancho) por "0". Le estamos diciendo que queremos que aparece una imagen, pero que no ocupe nada, por lo tanto... ¡será invisible!

Esto no afecta para nada  la página de la entrada. Pero al generar el resumen, nuestra imagen invisible será la primera, y por tanto, la que aparezca con los valores preestablecidos por el script que genera el resumen,  sobrescribiendo los "0" de alto y ancho... ¡y ahora será visible!

Foto de David Neale- Creative Commons
Podéis comprobar el funcionamiento en este mismo post, en la que hemos colocado la imágen de esta bonita cascada en el resumen, y no la de la captura de pantalla del HTML, que era la predestinada a serlo.

Una forma de conseguir mejorar nuestros resúmenes, que son la puerta de entrada a lo que queremos explicar... Imágenes que aparecen y desaparecen...  hacer magia en Blogger ¡Abracadabra! (Tamariz dixit).

Comentarios

  1. fantástico pau, yo lo que hacía era escoger bien la primera imagen, que es la que se suele publicar. pero este truco no se me había ocurrido, merci, lo voy a probarrrrr, jejeje

    ResponderEliminar
  2. ¡¡Excelente!!
    Lo que estoy aprendiendo con todos vosotros.
    Gracias Pau

    ResponderEliminar
  3. ¡Qué bien que os sea de utilidad! ¡Gracias por los cometarios!

    ResponderEliminar
  4. Genial!! gracias por la ayuda, nos sacaste de muchos apuros, un abrazo hasta España.

    ResponderEliminar
  5. ¡Fantástico! Me encanta que lo que uno pueda aportar pueda ser de utilidad... Gracias por el comentario.

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Fluky.io: Tu "ruleta de la fortuna" personalizada

¡Hoooola a todos!
Hacía mucho que no escribía una entrada en la nube TIC, y ya tenía ganas. Hemos hablado de tantas herramientas, que ya casi no quedan sin repetir…
En esta ocasión voy a presentaros una web suuuuuúper sencilla y en mi opinión muy práctica: Fluky.io.


Son muchas las ocasiones en las que queremos hacer una elección aleatoria en clase (otras muchas nos interesa que la elección parezca aleatoria, pero no lo sea, jeje). Varios de los programas o apps que utilizamos en el aula tienen alguna opción que nos permite hacerlo: el software de la pizarra digital (Notebook, Active Inspire…), webs como ClassDojo, o la app que utilizamos como "cuaderno del profesor” (Additio, iDoceo, CuadernoProfesor…) por ejemplo. Pero esta que os presento hoy hace sencilla, exclusiva y perfectamente eso: elecciones aleatorias. Sin registros ni cosas raras.
Cuando entras en fluky.io, solo tienes que pulsar el botón “START” y aparecerá una barra a la izquierda en la que puedes añadir los nombres…

Asociar un código QR a un mapa de Google

Los códigos QR, ligados a los smartphones, se han puesto de moda. Cada vez es más frecuente su presencia en etiquetas de productos, anuncios, etc. En general, facilitan el acceso con el móvil a alguna página web, a datos personales o a algún mensaje. En ocasiones no aportan mucho valor añadido. Sin embargo, creo que pueden ser muy útiles para el mundo educativo si los usamos adecuadamente. 
El presente artículo es un ejemplo de un posible uso para trazar itinerarios que tengamos que organizar fuera de nuestro centro, rutas literarias, salidas culturales, itinerarios, etc. También podría servir para informar a las familias.


1. En primer lugar crearemos un mapa y lo guardaremos. 




A éste efecto podéis consultar el post Mapas tuneados con Google Maps que publicó el Sr. Ruiz el día 15 de marzo. Tened en cuenta que, con el programa, según la situación geográfica, la ruta puede programarse a pie, en bicicleta, en coche o en transporte público. Los mapas pueden crearse de forma colaborativa, lo …

5 Características Interesantes de Google Slides

Google Slides es una de las herramientas preferidas hoy en día para crear presentaciones online. La plataforma basada en la nube, accesible online y de forma gratuita, hacen que sea una de las herramientas preferidas por educadores.

Aquí te presentamos algunas características de Google Slides que en muchos casos pasan desapercibidas pero que pueden ser muy útiles a la hora de editar o crear presentaciones.
1. URL de atajo para crear presentaciones Se pueden crear presentaciones de muchas maneras, accediendo a slides.google.com y dándole click a nueva presentación, o bien por medio de Google Slides. Otra forma interesante de crear presentaciones es con una URL directa.

https://slides.google.com/create

Esto es muy útil si queremos agregar un bookmark en nuestro navegador para que al dar click podamos abrir una presentación en blaco y comenzar a editarla.
2. Insertar Videos de YouTube Una característica particular de Google Slides es la de permitir insertar videos en las presentaciones. S…