Arquivos do Website:

Código para colocar textos e banners deslizantes no blog


Código para você colocar texto deslizante no seu blog; além dos textos, você pode colocar também, banners deslizantes! É muito simples editar esse código, basta você configurar qual será a direção do deslizamento do texto ou do banner.



Imagem: esportesradicais.org

Código do gadget:

<font color="#008800" face="Times new roman"><marquee bgcolor=
"#000" width="200px" height="100%" direction="right">COLOQUE O TEXTO OU O CÓDIGO DO BANNER AQUI!</marquee></font>

Veja as partes editáveis desse código:

A)font color="#008800" - É a cor do texto;
B)face="Times new roman" - É o tipo de fonte;
C)bgcolor="#000" - É a cor do fundo onde o texto ou banner irão deslizar;
D)width="200px" - É a largura do campo onde o texto ou banner irão deslizar;
E)height="100%" - É a altura do campo onde o texto ou banner irão deslizar;
F)direction="right" - É a direção de deslizamento do texto ou banner.

1)right= Desliza para a direita;
2)left= Desliza para a esquerda;
3)up= Desliza para cima;
4)down= Desliza para baixo.

Dicas importantes: 

A)Os 100% na altura (height), é para ajustar o campo do gadget à altura do texto; caso você deseje colocar mais espaço na altura do campo do gadget, basta trocar a "%" por "px", exemplo height="20px". Faça testes para personalizar o campo!
B)No caso dos banners deslizando na horizontal, eu recomendo que você personalize a altura do campo do gadget; deixe a altura em "px" e maior do que o tamanho do banner ou se por acaso você for colocar mais de um banner, deixe o campo do gadget alguns pixels maior do que o maior banner que você acrescentar nele (ex: banner height="100px" campo do gadget Height="120px")!
C)Para os banners deslizantes na vertical, faça o mesmo procedimento; deixe o campo do gadget alguns pixels maior do que o banner ou no caso de mais de um banner, deixe o campo maior do que o maior banner que você for acrescentar! Para posicionar o banner, no centro do gadget, à direita ou à esquerda, copie o código abaixo e coloque o código do seu banner no local indicado (não esqueça de personalizar a posição do banner: center, left ou right), depois cole o código do banner no local indicado dentro do código do gadget:

<div align="center">CÓDIGO DO BANNER AQUI! </div>

Esse código serve tanto para alinhar os textos ou banners que estejam deslizando na vertical! Veja três exemplos abaixo (texto com alinhamento central e deslizamento vertical, banner com alinhamento central e deslizamento vertical e texto deslizando para a direita):

Bem vindos meus amigos



Bem-vindos ao Blog Free Dicas