Cursos 24 Horas - Cursos 100% Online com Certificado

Rotacionando Banner no Blogger - Banner aleatórios

4 Comentários Autor : Notícia e blog 08 outubro 2009



Uma forma de não ocupar grandes espaços na sidebar do blogger é rotacionar os banner.Ao atualizar a página no navegador "O famoso F5" os banners mudaram instantâneamente sem precisar trocar ou mecher.
Veja abaixo como ter no seu blog:
1.Faça login no Blogger
2.Vá para "Layout"->"Elementos da página"->"Adicionar um Gadget"->"HTML/JavaScript"
3.Insira o código abaixo modificando:
<script type="text/javascript"> var banner = new Array(); banner[banner.length] = "http://img39.imageshack.us/img39/1568/semttulo1t.gif"; banner[banner.length] = "http://i27.tinypic.com/2hhnltj.png"; banner[banner.length] = "http://i690.photobucket.com/albums/vv266/augustocp/bannerdezdownloads.gif"; banner[banner.length] = "http://i264.photobucket.com/albums/ii179/cafecombytes/ccb_bn2.gif"; banner[banner.length] = "http://img124.imageshack.us/img124/3554/bannerparceria.gif"; var random = Math.round(banner.length*Math.random()); document.write('<img style="border: 0;" src="' + banner[random] + '">'); </script>
Nota: Em vermelho substitua pelas url das imagens que irão ser rotacionadas,para adicionar mais imagens repita abaixo da ultima linha em vermelho o seguinte código: 
banner[banner.length] = "http://url-da-imagem-desejada";
4.Salve e visualize.


Referência:Widget Based

    4 Comentários

    x Matheus x disse...
    28 de junho de 2010 01:03 #

    vlw cara , tava atraz disso e só aqui eu encontrei vlw msm

    SBm disse...
    10 de novembro de 2010 18:05 #

    Ótimo, agora teria como colocar um link para direcionar para página do anunciante ?

    curiando disse...
    10 de maio de 2011 17:24 #

    Ótimo, agora teria como colocar um link para direcionar para página do anunciante ? (2)
    e aí?

    Anônimo disse...
    1 de outubro de 2011 15:29 #

    Valeu, só aqui encontrei um script que realmente funciona, parabéns

    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.