Lucas Voxel 29 anos, casado e um eterno curioso. Buscando sempre trazer novidades!

Como fazer texto em movimento no Blogger

Uma dica simples e rápida para quem precisa colocar um texto em movimento no Blogger. Com os códigos abaixo você vai conseguir movimentar frases ou textos para direita, esquerda, abaixo ou acima.

colocar movimento em frase no Blogger


Para isso vamos usar as estiquetas <marquee> </marquee> que é conhecido como 'etiqueta letreiro', é dentro dele onde vamos colocar o texto para movimentar-se como no exemplo abaixo:
Este texto irá movimentar-se
Só que para ter mais controle da velocidade, mudar sua cor ou direção, vamos colocar mais algumas linhas de códigos.

  • scrollamout='5' Com isso conseguimos controlar a velocidade, '5' é a velocidade normal, mas pode-se colocar mais ou menos conforme quiser.
  • width='100%' height='20px' O width controla a largura, no meu caso eu coloquei para usar 100% do espaço, mas você pode alterar e por 650px por exemplo. O height é a altura e novamente é só colocar o tamanho desejado.
  • direction='left' Fica bem claro que aqui vamos mudar a direção da frase, left para esquerda, right para direira, up para cima e down para baixo. No exemplo abaixo eu estou colocando o texto para cima com a velocidade 2.

Este texto irá movimentar-se
O código final seguindo os exemplos vai ficar assim:
<marquee scrollamout='5' width='100%' height='20px' direction='left'> Este texto irá movimentar-se </marquee>

Caso queira mudar a cor do texto e a cor do fundo é só acrescentar mais 2 códigos, para cor do fundo você vai colocar junto com o primeiro código: bgcolor='#BE992F' só colocar a cor que quiser.

Para mudar a cor do texto vamos adicionar <span style="color:#BE992F">SEU TEXTO</span> dentro do código, ficando assim:
<marquee bgcolor='#BE992F' SCROLLAMOUNT='5' width='100%' height='40px&#fff;"direction='left'> <span style="color:#fff;">Esta frase irá movimentar-se</span> </marquee>

Esta frase irá movimentar-se
O código deve ser postado na parte HTML do post. 
Agora é só ir ajustando os tamanhos e direção, para ficar perfeito para você! Espero que isso lhe ajude de alguma forma, pois pode ser usado de várias formas.

Lucas Voxel 29 anos, casado e um eterno curioso. Buscando sempre trazer novidades!
Ver comentários