25 junho 2014

Efeito Marquee no seu blog

Oi gente  Hoje vou ensinar pra vocês um efeito super legal que eu descobri. É o efeito marquee, onde você pode colocar textos e imagens em movimento. Eu já sabia desse efeito há tempos, mas não sabia ainda o código pro blogger. Depois de pesquisar muito eu achei e vou mostrar pra vocês! É super simples de fazer e dá um resultado bem legal. O código é basicamente esse:

♥ yênoly jéssica ♥
<span style="color: #COR DA FONTE;"><marquee direction="DIREÇÃO" style="background: #COR DE FUNDO;">CONTEÚDO</marquee></span>
Você pode usar esse código e ir fazendo as alterações básicas:

• Direção: Left (esquerda), right (direita), up (para cima), down (para baixo).
• Cor da fonte e cor de fundo.
• Conteúdo do seu marquee.

Obs 1: Para colocar imagem de fundo ao invés de cor, substitua o código básico por esse:
<span style="color: #COR DA FONTE;"><marquee direction="DIREÇÃO" style="background: url(URL DO SEU BACKGROUND);">CONTEÚDO</marquee></span>
Obs 2: Para colocar um gif ao lado do texto, substitua o código básico por esse:
<span style="color: #COR DA FONTE;"><marquee direction="DIREÇÃO" style="background: #COR DE FUNDO;"><img src="URL DO GIF">CONTEÚDO</marquee></span>
Obs 3: Para fazer o efeito vai e volta, substitua o código básico por esse:
<span style="color: #COR DA FONTE;"><marquee behavior="alternate" style="background: #COR DE FUNDO;">CONTEÚDO</marquee></span>
Como instalar o efeito marquee no seu blog 

Para colocar o efeito marquee é bem fácil. Para colocar nas postagens, vá no menu que fica acima do quadro de postagem e mude de Escrever para HTML (veja abaixo):


Após fazer isso, é só colar o código do marquee, fazer as alterações necessárias e depois voltar paraEscrever.

Para colocar no gadget, vá em Layout > Adicionar um Gadget > HTML/JavaScript. Depois desse processo, coloque o código do marquee, faça as alterações e salve. Bem fácil né? Espero que tenham gostado. Qualquer dúvida me perguntem.

creditos: garota inocente

Nenhum comentário:

Postar um comentário