lunes, 4 de noviembre de 2013

Cómo: Roll Over Imágenes de Blogger

Si desea agregar un elemento dinámico a su sitio de Blogger, considerar la posibilidad de vuelco imágenes para sus páginas. Un rollover es una imagen que cambia a otra foto cuando se coloca el puntero del ratón sobre él, y es ideal si usted desea crear una presentación atractiva para sus visitantes. Usando HyperText Markup Language (HTML), puede agregar el código que publica rolloverimágenes a su blog. 

IMÁGENES BLOGGER



Accede a tu cuenta de Blogger, y haga clic en el botón "New Post". 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 la transferencia. Haz clic en la pestaña "Edición de HTML", y luego copiar las direcciones que aparecen después de la "a href =" códigos (por ejemplo,



Haga clic en el enlace "Publicar" en la pestaña "Publicar" y escriba un título deseado y texto en el espacio proporcionado. Haga clic en la pestaña "Edición de HTML" para mostrar el cuadro donde se introduce el código.



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



img src = "imagen original" onmouseover = "this.src = 'rollover imagen'" onmouseout = "" imagen original this.src = "/



Cambie las dos entradas "imagen original" en el código con la URL de la imagen que desea que aparezca en primer lugar. Sustituir "imagen de sustitución" de la dirección URL de la foto que se muestra cuando se cierne un visitante su ratón sobre ellas. Para ilustrar:



img " "/



Haga clic en el botón "Vista previa" para ver cómo el gráfico se ve en el mensaje y, a continuación, haga clic en el botón "Publicar entrada" para probar la función de transferencia.



Consejos y advertencias

Para hacer renovaciones a partir de imágenes existentes de su blog, haga clic en la imagen y, a continuación, copie la dirección URL que aparece en la barra de direcciones del navegador Web.



 

1 comentario: