Como colocar imagens e texto rolando no seu blog

Olá blogueiros! :) Bem vindos ao meu primeiro post no blog Ajudando Blogger. O blog é novo, portanto, peço a todos vocês que tenham gostado do post, que divulguem o blog e nos sigam nas redes sociais.

Bom, vamos logo ao tutorial de hoje, que vai ensinar a vocês como colocar textos ou imagens rolando (em "scroll") no seu blog.

• Vejam um breve exemplo:

Texto 1
Texto 2
Texto n

Vocês podem adicionar este código em posts, em Gadgets... enfim, em qualquer lugar que aceite HTML.

Colocando o código no seu blog

Este código eu encontrei no site Visual dicas, e achei interessante compartilhar com vocês.
O código é basicamente este. Se você quiser colocar na barra lateral do seu blog, vá no em:
Painel do Blogger > Layout > Adicionar um Gadget > HTML/Javascript

Cole o código abaixo, e substitua os parâmetros em azul, de acordo com seu blog:
Obs ¹: Você pode colocar ao invés do texto, o código de alguma imagem.

<marquee heigth="w" widht="x" direction="direção" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="nº">
<posição>
<p>Texto 1</p>
<p>Texto 2</p>
<p>Texto n</p>
</posição></marquee>

Definição dos parâmetros de ajuste do(s) texto(s) em scroll:

yyy: Altura do espaço de rolagem (em pixels)

xxx: Largura do espaço de rolagem (em pixels)

direção: define a direção de rolagem,

up – de baixo para cima

down – de cima para baixo

left – da direita para a esquerda

right – da esquerda para a direita

nº: Velocidade de rolagem (quanto maior o número maior a velocidade)

<posição>: Define a posição inicial do(s) texto(s)

center – centralizado

left – à esquerda

right – à direita

Texto 1, Texto 2, Texto n: Texto que você quer colocar em “scroll”

</posição>: Utilize center, left ou right como posição inicial

Observação:

O comando onmouseover="this.stop()" onmouseout="this.start()" define que quando você posiciona o cursor do mouse sobre o(s) texto(s) ou  imagens eles param de rolar. Muito útil quando utilizado com links…