23/08/2018

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.

Esse Post tem 2 Comentários

avatar
Kapolo Hits delete

Não entendi muito bem como posso meter o código

Resp.
avatar
Lucas Tech delete

Só postar na parte html do post ou no html do templante.

Resp.


Seu comentário é muito importante e você é totalmente responsável por ele. Ao comentar você concorda com as nossas políticas.

Próx Post Próx Post
Post anterior Post anterior