Tecnología

Inicio

Cómo hacer un Clickable imagen en un blog de Blogger

November 9

La actualización de un blog de Blogger es sencillo con el sistema de gestión de contenido libre que viene con todas las cuentas gratuitas de Blogger. Puede introducir texto, imágenes y enlaces en nuevas o existentes entradas de blogs de Blogger, y luego publicar el elemento nuevo o editado directamente a su blog. Una de las limitaciones del sistema de gestión de contenido de Blogger es que no hay opción en la interfaz del editor de entradas de blog para añadir un enlace de "hacer clic" a una imagen. Para hacer una imagen se puede hacer clic en un blog de Blogger, tendrá que utilizar la opción "Edición de HTML" al crear o editar una entrada en el blog.

Instrucciones

1 Abra su navegador de Web y acceder a Blogger.

2 Haga clic en el enlace "Editar entrada" bajo el título del blog que desea editar. Esto muestra una lista de todas las entradas de blog para su blog de Blogger elegido.

3 Haga clic en el enlace "Editar" al lado de la entrada que desea editar. Esto abre el editor de blog del sistema de gestión de contenidos en el modo de "Componer" por defecto.

4 Haga clic en la pestaña "Edición de HTML" en la parte superior de la interfaz del editor de blog. Esto muestra el código HTML para la entrada en el blog.

5 Busque la línea correcta del código HTML de la imagen. Esto comienza con "<img src".

6 Escriba el código "<a href="http://www.abc.com">" inmediatamente antes de "<img src" pero reemplace "www.abc.com" con la dirección del enlace de la página Web que desea que los usuarios visitar cuando hacen clic en la imagen.

7 Escriba el código "</a>" inmediatamente después de la primera aparición de ">" siguiente "<img src". Esto le dice a los navegadores web para el tratamiento de la imagen como un enlace.

8 Haga clic en el botón "Publicar entrada" para guardar y cargar los cambios.

Consejos y advertencias

  • Probar el enlace de la imagen, visitando la página del blog en un navegador Web. Si no funciona correctamente, compruebe que se ha utilizado el código HTML correcto.