Cursos 24 Horas - Cursos 100% Online com Certificado

Banner Rotativos no blogger

8 Comentários Autor : Notícia e blog 09 agosto 2009
Este hack é muito bom para quem tem muitos banners para exibir.A aplicação é super fácil vamos começar:

1.Faça login no blogger

2.Vá para layout> Adiciona um Gadget >html/JavaScript


<div align="center"><marquee heigth="10" direction="up" behavior="scroll widht=" width="120" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="1">Códigos dos seus banners</marquee></div>

Nota entre cada banner adicione uma tag <br/> veja o exemplo:

<div align="center"><marquee heigth="10" direction="up" behavior="scroll widht=" width="120" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="1"><a alt="UsuarioCompulsivo" target="_blank" href="http://usuariocompulsivo.blogspot.com/" title="UsuarioCompulsivo"><img style="border: 1px solid #000000" src="http://3.bp.blogspot.com/_mUT2piLt5H0/SGGbRpJJODI/AAAAAAAAGzA/xOUskYHTKt8/s00/banner-compulsivo.png"/></a><br/>   <a alt="Dicas Blogger" target="_blank" href="http://dicasblogger.blogspot.com/" title="Dicas Blogger"><img style="border: 1px solid #000000" src="http://lh5.ggpht.com/_EttevOw0KeE/SmO_cDnNzoI/AAAAAAAAGEs/kf6BoYi9JHI/banner.png"/></a><br/><a href="http://www.icebreaker.com.br/" target="_blank"><img src="http://lh5.ggpht.com/_QocHY3CSRM0/SYWylcOyt-I/AAAAAAAABeU/nQrTzimSkEI/s144/icebreaker120.png"/></a><a alt="Café com Bytes" target="_blank" href="http://cafecombytes.blogspot.com/" title="Café com Bytes"><img style="border: 1px solid #000000" src="http://i264.photobucket.com/albums/ii179/cafecombytes/ccb_bn2.gif"/></a><br/><a href="http://www.dicasparablogs.com.br" target="_blank"><img border="0" src="http://img124.imageshack.us/img124/3554/bannerparceria.gif"/></marquee></div>

Se fez tudo como explicado neste tutorial você já está com seu banner rotativos como na imagem abaixo:

    8 Comentários

    Anônimo disse...
    28 de janeiro de 2010 10:09 #

    como eu ajusto a velocidade?

    Notícia e blog disse...
    28 de janeiro de 2010 10:34 #

    @***** , scrollamount="1" basta mudar o número deste trecho.

    Obrigado pelo comentário :)

    Anônimo disse...
    29 de janeiro de 2010 10:30 #

    eu que agradeço irmão
    abraço

    felipe disse...
    27 de fevereiro de 2010 18:42 #

    só uma dúvida ai voce ensina para fica em pé os banners ter algum modo de fazer isso as imagem andando da direita para esquerda?

    Anônimo disse...
    16 de julho de 2010 13:09 #

    muito obrigado amigo,procurei muito na net a nao achava esse script como queria! mas encotrei aqui!! vlw mesmo!!

    Tiça disse...
    19 de setembro de 2010 10:20 #

    Oi, nâo conswgui fazer de jeito nenhum... fiquei tentanto mas sem sucesso. Teria como eu te passar por e-mail para que pudesse ver onde eu errei. São somente 03 selinhos.Abraço
    Tiça

    Reynolds Ehrich Lima Da Cunha disse...
    21 de janeiro de 2012 16:05 #

    cara eu vi um código uma vez que deixa meus banners feitos no flashvortex lado a lado perdi esse código e ñ achei se souber me dá uns toque vlw? www.impactopublicacao.blogspot.com

    Puasedução disse...
    22 de março de 2013 13:32 #

    muito bom o artigo,e interessante
    www.flamengo-rss.blogspot.com.br

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.