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…

Permisos en un Google Site para trabajar colaborativamente

En el tiempo que llevo formando docentes me he dado cuenta de que uno de los temas que peor se acaba comprendiendo es la gestión de los permisos en un site de Google,  sobre todo cuando se quieren personalizar página a página para llevar a cabo trabajos colaborativos.
Para conocer los aspectos generales de la gestión de permisos en un site, Google pone a nuestra disposición una guía llamada "Control de acceso a tu sitio". En esta guía podemos leer cómo hacer un sitio privado, público, público a medias, invitación al site de grupos, permisos de nivel de página, etc. Pero creo que no quedan suficientemente claros algunos aspectos.
Debemos saber que un sitio de Google puede tener permisos globales, de tal forma que todas sus páginas o subpáginas podrán ser vistas o editadas de la misma forma en que compartamos el sitio. O podemos definir permisos distintos en las diferentes partes del sitio. Imaginemos una página web de un centro educativo con zonas privadas para profesores, f…

CREA TU AVATAR CON VOKI

Un voki es un widget gratuito que permite crear un “avatar”, un personaje animado y personalizado. Esta aplicación permite añadir voz desde con un archivo de audio desde tu ordenador, grabarla directamente con un micrófono o mediante un teléfono. El usuario se debe registrar en http://www.voki.com/
¿Cómo crear tu avatar?

1.Personaliza el personaje (Create + Customize your Charater) 2.Dentro de ‘Customize your Charater’, podrás personalizarlo, seleccionando en los iconos de la galería según color y tamaño (Head, Hair, Mouth) 3.Viste al avatar (Clothing) y ponle accesorios (Bling) 4.El fondo (Background) te permitirá ambientar a tu avatar con fondos muy variados. 5.El marco (Players) muestra también una gama de colores a elegir. 6.El tamaño y la ubicación del avatar se cambia en el icono lupa + y -. 7.Para incorporar la voz a tu creación, selecciona ‘Give it a voice’ y encontrarás las opciones de cargar el audio mediante llamada, grabación mediante micrófono o mediante la carga de un archivo de…