Tecnología

Inicio

Cómo: Roll Over Imágenes en Blogger

January 19

Si desea agregar una característica dinámica a su sitio de Blogger, considerar la posibilidad de imágenes de sustitución para sus páginas. Una imagen de sustitución es una imagen que cambia a otra foto cuando se coloca el puntero del ratón sobre él, y es ideal si desea crear una pantalla llamativo para sus visitantes. El uso de HyperText Markup Language (HTML), puede agregar el código que publica imágenes de sustitución a su blog.

Instrucciones

1 Ingrese a su cuenta de Blogger, y haga clic en el botón "Nuevo artículo". Haga clic en el icono "Agregar imagen" que aparece en la parte superior del cuadro de texto y siga las instrucciones para cargar las dos imágenes que desea utilizar para el vuelco del vehículo. Haga clic en la pestaña "Edición de HTML", a continuación, copie las direcciones que aparecen después de la "<a href =" códigos (por ejemplo, "http://4.bp.blogspot.com/-QLDvnt25gqQ/TjhPdrrbgbI/AAAAAAAAANo/U4k5dni1zMg/s1600/orginal_image.gif").

2 Haga clic en el enlace "Nuevo Mensaje" en la pestaña "Publicar" y escriba un rumbo deseado y el texto en los espacios correspondientes. Haga clic en la pestaña "Edición de HTML" para mostrar el cuadro donde se introduce el código.

3 Escriba el siguiente código HTML en el cuadro de texto:

<Img onmouseover = "imagen de sustitución '' this.src =" onmouseout = "this.src = 'original de la imagen" "/>

4 Vuelva a colocar las dos entradas de "imagen original" en el código con la URL de la imagen que desea que aparezca en primer lugar. Sustituto "imagen de sustitución" de la dirección URL de la foto que se muestra cuando un visitante se sitúa su ratón sobre él. Para ilustrar:

<img onmouseover="this.src='http://4.bp.blogspot.com/-QLDvnt25gqQ/TjhPdrrbgbI/AAAAAAAAANo/U4k5dni1zMg/s1600/rollover_image.gif' " onmouseout="this.src='http://4.bp.blogspot.com/-QLDvnt25gqQ/TjhPdrrbgbI/AAAAAAAAANo/U4k5dni1zMg/s1600/orginal_image.gif' "/>

5 Haga clic en el botón "Vista previa" para ver cómo se ve el gráfico en el puesto, a continuación, haga clic en el botón "Publicar entrada" para probar la función de vuelco del vehículo.

Consejos y advertencias

  • Para hacer vuelcos utilizando imágenes existentes en el blog, haga clic en la imagen, y luego copiar la URL que aparece en la barra de direcciones del navegador Web.