Cómo escribir HTML para un mensaje de desplazamiento

Diseñar, crear y mantener un sitio web profesional para su negocio es mucho trabajo. Incluso después de poner en funcionamiento su sitio web, atraer visitantes puede resultar aún más desafiante. Una vez que un cliente potencial hace clic en un anuncio o enlace para visitar su sitio, es importante que sus páginas atraigan rápidamente su atención para evitar que haga clic en el sitio web de un competidor. Una forma de captar la atención de un visitante es mediante el desplazamiento de texto que se mueve por la pantalla. Con solo un fragmento de código HTML, puede crear una marquesina de desplazamiento que atrae la atención de los visitantes como un imán.

1.

Inicie Windows Notepad o su editor de texto o HTML preferido. Abra el archivo de la página web que desea mejorar con un mensaje de desplazamiento.

2.

Desplácese hasta el punto donde desea que aparezca el mensaje de desplazamiento en la página. Haga clic y coloque el mouse al final de la línea de código justo arriba de donde desea que aparezca el mensaje, luego presione “Enter” para insertar un retorno de carro o un salto de línea en el código.

3.

Copie y pegue lo siguiente en el documento HTML para crear un mensaje de desplazamiento simple con texto que se desplaza desde el lado derecho de la página una vez, pero no continúa desplazándose:

Escriba su mensaje de desplazamiento aquí

4.

Copie y pegue el siguiente código en la página para insertar un mensaje de desplazamiento con texto que se desplaza desde la derecha y continúa desplazándose en un bucle:

Escriba su mensaje de desplazamiento aquí

5.

Copie y pegue el siguiente código en el documento HTML para crear un mensaje de desplazamiento donde el texto rebota en la pantalla continuamente:

Escriba su mensaje de desplazamiento aquí

6.

Copie y pegue el siguiente código en la página para que el texto se desplace hacia arriba desde la parte inferior del cuadro de texto:

Escriba su mensaje de desplazamiento aquí

7.

Cambie la velocidad de desplazamiento del mensaje insertando el argumento "scrollamount" en el código de marquesina. Por ejemplo, lo siguiente desplazará el mensaje lentamente por la pantalla:

Escriba su mensaje de desplazamiento lento aquí

Usa el código de abajo para que el mensaje se desplace mucho más rápido por la pantalla:

Escriba su mensaje de desplazamiento rápido aquí

Cambie la variable "scrollamount" según sea necesario para aumentar o disminuir la velocidad de desplazamiento del texto.

8.

Guarde el archivo HTML en el Bloc de notas o en su aplicación de edición preferida. Inicie sesión en su panel de control de alojamiento web y use el Administrador de archivos o una utilidad similar para cargar el archivo en su servidor web.

9.

Abra un navegador web y navegue hasta la URL de la página HTML actualizada. Una vez que la página se carga en la ventana del navegador, el mensaje se desplaza por la pantalla.

Consejos

• También puede insertar una imagen de desplazamiento en su página web. Para hacer esto, copie y pegue el siguiente código en el punto donde desea que aparezca la imagen de desplazamiento en la página:
• Cambie “//www.somesite.com/images/picture.gif” a la URL real de la imagen que desea desplazarse en la pantalla.
• Si no se siente seguro escribiendo código HTML desde cero, puede usar un generador de código de marquesina en línea para crear el código. Los sitios como Quackit.com, HTMLMarquee.com y HTMLBasix.com proporcionan generadores gratuitos y fáciles de usar que puede usar para diseñar mensajes de desplazamiento y luego generar código HTML que simplemente pega en cualquier página web (enlaces en Recursos).