terça-feira, 19 de outubro de 2010

Caixa rolante para banners de parceiros

Este é um código de caixa para banners de parceiros enviando por um seguidor do Códigos Blogger.

image

Para instalar essa caixa em seu blog faça o seguinte.clique em "Layout" -> "Elementos da Página" - "Adicionar um Gadget –> "HTMl/Java Script"  e cole o código abaixo.

<marquee scrollamount="1" direction="UP" id="scrollerPS" width="100%" height="120px">
<span onmouseover="document.getElementById('scrollerPS').stop()" onmouseout="document.getElementById('scrollerPS').start()">
<!-- Código de DDG Parceiros ROLAR -->

Coloque os códigos de seus parceiros aqui.

<!-- /Código de DDG Parceiros ROLAR -->
</span></marquee></div>
<div style="text-align: center;">
(<a href="LINK DA PAGINA DE PEDIDO DE PARCERIA" target="_top"><img src="http://d.imagehost.org/0350/icon-parceria-ddg.gif" border="0" width="100" height="20" alt="Rolar para baixo" /></a>)<br />
<span onmouseover="document.getElementById('scrollerPS').direction='Up'; document.getElementById('scrollerPS').scrollAmount='10'" onmouseout="document.getElementById('scrollerPS').direction='Up'; scrollerPS.scrollAmount='1'"><b><i><img src="http://d.imagehost.org/0242/icon-up-ddg.png" width="30" height="30" alt="Rolar para cima" /></i></b></span>
<span onmouseover="document.getElementById('scrollerPS').stop()" onmouseout="document.getElementById('scrollerPS').start()"><b></b><b><i><img src="http://d.imagehost.org/0890/icon-stop-ddg.png" width="30" height="30" alt="Para rolagem" /></i></b><b></b></span>
<span onmouseover="document.getElementById('scrollerPS').direction='down'; document.getElementById('scrollerPS').scrollAmount='10'" onmouseout="document.getElementById('scrollerPS').direction='down'; scrollerPS.scrollAmount='1'"><img src="http://d.imagehost.org/0248/icon-dow-ddg.png" width="30" height="30" alt="Rolar para baixo" /></span>
</div>

Substitua a parte em vermelho pelos códigos dos banners de seu parceiros. (Lembrando que, além de banners você pode colocar outros códigos, fazendo da caixa de banners, uma caixa de novidades, notícias ou outa coisa).

Substitua a parte azul pela URL da página para pedido de parceria.

Editando alguns valores.

scrollamount="1" - Velocidade do marque.Você pode alterar o valor 1 para um numero maior ou menos.Quanto maior o número, mais rápido.

direction="UP" - Direção dos banners de partida dos banners .Coloque UP, (cima) ou DOW (baixo).

id="scrollerPS" width="100%" height="120px" - Tamanho do corpo da caixa.Altere o valor de width para largura e de height para altura.

Depois de ter feito as alterações que queria, salve e pronto!

Marcadores: ,

10 Comentários:

Às 21 de outubro de 2010 12:26 , Blogger DDG-admin disse...

Opa esse código e bem útil,tem mil e um uso no blog......
Eu uso e recomendo....

 
Às 12 de setembro de 2011 17:45 , Blogger carmen maia disse...

ADOREI MUITO OBRIGADA, POSTEI NO MEU BLOG.

DE UMA OLHADINHA LA.


BEIJOS

 
Às 14 de setembro de 2011 03:01 , Blogger WSOM disse...

valeu mais uma vez vcs são d++++++ obrigado pela caixa de parceiros um abraço.

 
Às 18 de novembro de 2011 15:27 , Blogger Eterna Graça disse...

Bacana esse gadget. Mas como faz para aumentar a distancia entre um banner e outro?

 
Às 20 de novembro de 2011 22:01 , Blogger Códigos Blogger disse...

Eterna Graça, acrescente o seguinte código onde se pede pra colocar os códigos dos parceiros.

<Style>
marquee img {margin:5px;}
</style>

 
Às 2 de dezembro de 2011 10:54 , Blogger Cícera disse...

Muito bom! Obrigada!!!!

 
Às 2 de dezembro de 2011 10:59 , Blogger Cícera disse...

Só me responda uma pergunta por favor... porque esses códigos ficam melhor no Chrome? Já utilizei vários diferentes (o que mais gostei foi esse), mas no Explorer não ficou legal.

 
Às 2 de dezembro de 2011 14:29 , Blogger Códigos Blogger disse...

Infelizmente o internet explorer ficou para trás, além de ser pesado não suporta alguns códigos.

 
Às 17 de dezembro de 2014 11:31 , Blogger Keke Tutor disse...

Cara o codigo é super otimo mais preciso de uma ajuda Qual o tamanho do banners

 
Às 17 de dezembro de 2014 11:33 , Blogger Keke Tutor disse...

qual o tamanho da imagen do banner?

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial