Como escrever HTML para uma mensagem de rolagem

Desenhar, criar e manter um site profissional para o seu negócio dá muito trabalho. Mesmo depois de colocar seu site em funcionamento, atrair visitantes pode ser ainda mais desafiador. Assim que um cliente em potencial clica em um anúncio ou link para visitar seu site, é importante que suas páginas chamem a atenção dele rapidamente para evitar que ele vá para o site de um concorrente. Uma maneira de chamar a atenção do visitante é rolar o texto que se move pela tela. Com apenas um fragmento de código HTML, você pode criar uma moldura de rolagem que atrai os olhos do visitante como um ímã.

1

Abra o Bloco de Notas do Windows ou seu editor de texto ou HTML preferido. Abra o arquivo da página da Web que deseja aprimorar com uma mensagem de rolagem.

2

Navegue para baixo até o ponto onde deseja que a mensagem de rolagem apareça na página. Clique e posicione o mouse no final da linha de código logo acima de onde deseja que a mensagem apareça e pressione “Enter” para inserir um retorno de carro ou quebra de linha no código.

3

Copie e cole o seguinte no documento HTML para criar uma mensagem de rolagem simples com texto que rola do lado direito da página uma vez, mas não continua rolando:

Digite sua mensagem de rolagem aqui

4

Copie e cole o seguinte código na página para inserir uma mensagem de rolagem com texto que rola da direita e continua rolando em um loop:

Digite sua mensagem de rolagem aqui

5

Copie e cole o seguinte código no documento HTML para criar uma mensagem de rolagem em que o texto salta para frente e para trás na tela continuamente:

Digite sua mensagem de rolagem aqui

6

Copie e cole o seguinte código na página para fazer o texto rolar para cima a partir da parte inferior da caixa de texto:

Digite sua mensagem de rolagem aqui

7

Altere a velocidade de rolagem da mensagem inserindo o argumento “scrollamount” no código do letreiro. Por exemplo, o seguinte irá rolar a mensagem lentamente pela tela:

Digite sua mensagem de rolagem lenta aqui

Use o código abaixo para fazer a mensagem rolar muito mais rápido na tela:

Digite sua mensagem de rolagem rápida aqui

Altere a variável “scrollamount” conforme necessário para aumentar ou diminuir a velocidade de rolagem do texto.

8

Salve o arquivo HTML no Bloco de notas ou em seu aplicativo editor preferido. Faça login no painel de controle de sua hospedagem na Web e use o Gerenciador de Arquivos ou utilitário semelhante para carregar o arquivo em seu servidor da Web.

9

Abra um navegador da Web e navegue até o URL da página HTML atualizada. Depois que a página é carregada na janela do navegador, a mensagem rola pela tela.