Cómo asociar un link a una imagen dentro de un post, sin utilizar código

22.2.17

asociar link imagen blogger

Los tutoriales sencillos también son necesarios, y quiero que aprendas a poner un link en una imagen dentro de Blogger.

En un primer momento te puedes pensar que se trata de algo complicado y que necesitarás utilizar código.

Pero la realidad está muy lejos de esto.

Con un par de clics aquí y allí ya podrás poner un enlace asociado a una imagen dentro de un post.

¿Para qué puedo utilizarlo?

Le puedes encontrar varias utilidades:

  • Es muy útil a la hora de hacer botones.
    Imagínate que quieres que tus suscritores se apunten a un concurso, un webinar,... y lo deben hacer a través de un botón.

    Pues te creas el botón con Canva, que sea una imagen, la pones en el post y luego añades el link del concurso o webinar.

    Entonces parece un botón CSS de verdad, pero en realidad es una imagen con un link.

  • Crear un video per sin pegarlo en el blog.

    A veces quieres llevar a tus lectores a un video que tienes en otra página.

    Aquí puedes crear una imagen referente al video o un cartel y asociarle la URL del video, de tal manera que si pinchan en la imagen irán a parar a otra página donde podrán ver el video.
Estoy segura que tú le vas a encontrar más utilidades! :-)


Poniendo un link en la imagen

  1. Entra en el post que quieras.

  2. Después de redactar y añadir las imágenes que correspondan al post, escoge la imagen a la que quieras poner un link.

  3. Pincha encima de la foto hasta que esté seleccionada (quedará marcada de color azul).

  4. Fíjate que el botón de Enlace del menú de la parte superior también ha quedado seleccionado.

    Pincha encima de él para que no esté más seleccionado.

  5. A continuación pincha otra vez en la imagen, que se seleccionará (pero ahora verás que el botón Enlace no está seleccionado).

  6. Pincha en el el botón "Enlace" del menú superior del post y añade la URL del enlace en la ventana que se abrirá.

    poner linkg imagen
  7. Le das a intro (Enter/Return) o Aceptar y ya está.

Ahora cualquiera que pinche en la imagen (botón, cartel,..) irá a parar a la URL que le has indicado!

Para que lo veas mejor aquí te dejo un pequeño vídeo, que verlo en imágenes es un poco complicado.




¿Conocías este truco? ¿O eres de los que lo hacía con código? ¿Te gusta esta manera de hacer botones?
Hablamos en los comentarios!



¿Te ha servido lo que has leído?
Muchas gracias por compartirlo en tus redes sociales!
Tus contactos y yo te lo agradeceremos! :-)


¿Quieres contenido exclusivo para mejorar tu blog?
Suscríbete y recibirás AHORA la guía para dominar Blogger HOY!
Tu blog no pasará inadvertido.
Dejará huella.


5 comentarios:

  1. Respuestas
    1. Jijiji, es que tu ya eres una experta en Blogger! La verdad es que es sencillo, pero aún hay gente que me pregunta por ello, por eso decidí ponerlo :-)
      Un abrazo

      Eliminar
  2. Excelente truco.... Muy agradecido!!!!

    ResponderEliminar
    Respuestas
    1. Gracias Juan! Seguro que lo vas sa utilizar a menudo, porqué es muy práctico!
      Saudos!

      Eliminar
  3. Hola a todos, He sido renuente a comprar esta tarjeta de cajero en blanco que he oído hablar en línea porque todo parece demasiado bueno para ser verdad, pero me convenció y sorprendió cuando mi amigo en mi lugar de trabajo recibió la tarjeta de América Express Hackers & we ambos lo confirmaron si realmente funciona.. Verdaderamente, la tarjeta trabajó y sin demora lo probé también. Desde entonces he estado retirando $ 10.000 diarios de la tarjeta y el dinero ha estado en mi propia cuenta. Estoy contento de haber dado un intento en el último y esta tarjeta ha cambiado mi vida financieramente sin ser atrapado, es real y realmente funciona y me hizo rico! En lugar de obtener un préstamo, le aconsejaré obtener esta tarjeta de cajero automático en blanco ahora! Este ciudadano de Carmella Raymond de Estados Unidos. Póngase en contacto con los hackers a través de correo electrónico y texto para obtener más información.

    Correo electrónico: [email protected]
    Número de Celular: +1 (518) 460-6400

    ResponderEliminar