Como hacer un indice de post con imagenes

¡Hola Blogger!
Hoy te traigo un tutorial blogger super fácil y necesario para tu blog. Bueno mejor no miento, no es necesario, pero si lo tienes mucho mejor pues facilitas que los seguidores encuentren las entradas más fácilmente. 

Si recordáis yo siempre he tenido índice pero antes lo tenía todo con letras y lo cierto es que me aburría un poco.
como poner un indice de post con imagenes

Siempre he querido tener un índice de post con imágenes pero por más que he investigado nunca vi a nadie que lo tuviera y mucho menos encontré como podía hacerlo, de modo que solo me quedo la opción de darle al coco y hacer el código que funcionará para mi índice con imágenes


La buena noticia es que conseguí que funcionara y lo voy a compartir contigo.

1. Para poner un índice con imágenes en tu blog solo tienes que ir a blogger/ Páginas/ Crear página nueva. Entramos en la entrada y arriba en la barra donde sale el tipo de letra, las negritas... nos pondrá redactar o html, pinchamos en html y pegamos:

<a href="URLN1"><img height="165" src="IMAGEN1"></a><a href="URLN2"><img height="165"src="IMAGEN2"></a><a href="URLN3"><img height="165"src="IMAGEN3"></a>

Como imaginaras solo nos queda sustituir. En Url pones la url de la entrada y en Imagen1 la imagen que le corresponde. Para coger la imagen, vas a tu post, pinchas en la imagen y le das a "Copiar URL de imagen".

En mi blog he usado el tamaño 165, aunque estoy lo tendréis que adaptar a cada blog o a cada imagen. Si no te hagas ilusiones si tienes muchas entradas hacer un índice con imágenes se parece bastante a una pesadilla pero merece la pena.

El código de arriba coge 3 entradas y 3 imágenes pero puedes pegarlo debajo tantas veces como quieras.

Cuando termines de pegar entradas e imágenes en el código pincha en PUBLICAR.

POR ULTIMO, como blogger ha realizado cambios ahora para publicar una página nueva en tu blog tendrás que ir a Diseño/Paginas/ seleccionar tu nueva página y darle a guardar.

Y si quieres ver cómo funciona pues pincha en este blog en "Índice de post".

Si quieres que siga haciendo este tipo de tutoriales, comparte esta entrada.

¿Qué te ha parecido este tutorial blogger?



Suscribete

Melyssa Blog belleza y cósmetica

12 comentarios:

  1. ¡Genial guapa! Gran tutorial, viene muy bien.

    Un besito

    ResponderEliminar
  2. ahhh que bien
    sigueme aqui chicas https://instagram.com/rocioventura16/

    ResponderEliminar
  3. Muy útil la información! Gracias por compartirla :)
    Feliz día hermosa
    Besos

    ResponderEliminar
  4. Yo lo tuve en un diseño anterior, pero ahora me viene mejor el desplegable.
    Besos.

    ResponderEliminar
  5. Pero entonces tendria que tener un Gadget de Indice de post?

    ResponderEliminar
    Respuestas
    1. No entiendo a que te refieres con tu pregunta, no es un gadget, seria un cogido html y lo que tienes que hacer es pegarlo en alguna entrada o pagina de tu blog!

      Eliminar