Banners deslizando

Atualmente muitas pessoas fazem parcerias trocando banners com outros sites e muitas vezes esses bannes ocupam bastante espaço no blog. Uma boa maneira de resolver esse problema é usar um sistema de rolagem de banners, isso faz ocupar menos espaço no blog e ao mesmo tempo tem um efeito visual muito bom. Outra alternativa interessante é fazer Apresentação de Slides com Banners.

Agora veja abaixo faz que os banners fiquem deslizando pela tela e o melhor você define o espaço que eles ocuparão e outras coisas.

<marquee style="border: 2px solid #000000; background-color: #FFFFCC;text-align:
center;height: 200px;width: 150px" scrolldelay="1"scrollamount="1"behavior="scroll"direction="down"onMouseOver=this.stop() onMouseOut=this.start()>
<p><a href="http://mensagens.110mb.com" target="_blank"><img
src="bannerfrases.jpg" border="0"></a></p>

<p><a href="http://jornaljd.blogspot.com" target="_blank"><img
src="http://i55.photobucket.com/albums/g138/robertojd/jornal.jpg" border="0"></a></p>

<p><a href="http://frasecurta.blogspot.com" target="_blank"><img
src="http://i55.photobucket.com/albums/g138/robertojd/banner-1.jpg"
border="0"></a></p>

<p><a href="http://dicasparablogs.blogspot.com" target="_blank"><img
src="http://i205.photobucket.com/albums/bb145/cidadeweb/bannerdicas.gif"
border="0"></a></p>

</marquee>

Vamos entender e aprender como modificar esse código:
Borda: border: 2px solid #000000
2 é a largura, solid é o estilo normal(experimente trocar 2px solid por 5px double, são duas linhas como borda)

Cor de fundo: background-color: #FFFFCC

Alinhamento: text-align: center
Poder ser left(esquerda) ou right(direita)

Altura: height: 200px
Largura: width: 150px
Altura e largura pode ser qualquer valor, mas não retire o px no final, é uma medida de pagina(pixels)

scrolldelay="1"scrollamount="1"direction="down"
Os valores 1 no trecho acima são a velocidade que os banners se movimentam e a palavra down é a direção que pode ser alterada para up(para cima), left(para esquerda), right(para direita).
Espero que gostem e aproveitem essa sugestão de como economizar e melhorar a aparência de seu blog. Clique aqui e veja um exemplo desse código funcionando.

94 comentários:

  1. Oi tudo bem?
    achei seu blog muito interessante!
    queria parceiria si vc quiser mi mande um comentario.

    http://aquitemtudoo.blogspot.com/

    Desde já obrigado!

    ResponderExcluir
  2. Olá!! Gostaria que você me ajuda-se muito mesmo. Eu estou querendo criar um blog na 110mb mas não consigo acertar a assinatura. Você poderia me esplicar? Meu e-mail é novidadesin@gmail.com
    Sem mais, obrigado!

    ResponderExcluir
  3. tem como voce explicar como faz pra colocar isso no blog onde colocar ?
    se voce explicar eu agradeço

    ResponderExcluir
  4. no blogspot esse código é colocado pela pagina layout >> adicionar elemento de pagina >> html/javascript

    ResponderExcluir
  5. Olá Fabiano,
    Adorei seu blog, consegui com sua ajuda colocar um relógio no meu blog, já é um começo. rsrs. Bom eu já tive blog no uol, era bem mais facil do que esse que eu estou mas...Estou com uma duvida não consigo colocar "coisinhas" com movimentos nos meus post. Pode me ajudar.

    Beijo Outro Beijo Tchau!

    ResponderExcluir
  6. drão

    colocar coisinhas com movimentos? você está querendo dizer gifs animados? se for isso é melhor hospedar em outro lugar pois o blogspot geralmente tem problemas com essas imagens, sugiro o http://imageshack.us

    mas esse código para banners deslizante também funciona para texto ou imagens nas postagens

    ResponderExcluir
  7. Olá meu nome é João Victor e indico um blog de humor para vcs colocarem como dica. O blog nao é meu e nem conheço os donos mas é muito bom. www.tatubolas.blogspot.com

    ResponderExcluir
  8. Olá td bem? Adorei suas dicas. Essa para banners deslizante é ótima, mas eu não acertei fazer, tentei várias vezes e nada.Outra coisa eu tb queria fazer um banner para o meu blog, afffffffff quero tanta coisa...
    Você pode me ajudar?
    http://vento-carioca.blogspot.com/

    ResponderExcluir
  9. Puxa, estava procurando por isso!!
    Vou testar no meu blog!
    Olha só, tenho uma seção no meu blog que dá dicas para blog como vc, mas muito mais modestamente.
    Vou colocar essa dica lá, ok?
    Vc não quer fazer uma parceria de links?
    Pense e depois me diga.
    Abs.
    Sarapatel de Coruja

    ResponderExcluir
  10. Oi eu gostei muito do seu blog
    eu queria saber como é que se coloca caixas de e-mail no blog

    ResponderExcluir
  11. Visitei varios blogs de dicas, mas o seu me deu resposstas a todas as respostas num lugar só. Maravilha e parabéns!

    ResponderExcluir
  12. Eu usei isso e eh melhor do que todos aqueles banners espalhados...
    Vlw

    E quem quiser parceria: vinny.z@hotmail.com
    http://humortassu.blogspot.com

    Até

    ResponderExcluir
  13. Parabéns pelo blog e pelos tutoriais!

    Infelizmente no meu blog não funcionou... só aparece o background?

    Alguma sugestão?

    Abraços,
    Blog Meio Aéreo e Portal Meio Aéreo

    ResponderExcluir
  14. OIla amigo gostei da sua dica, mas infelizmente nao pegou legal no meu blog, nao aparecem todos os banner e nao fica deslizando continuamente, ou seja sdesliza os banner ate o fim e do nada aparece eles la em cima de novo nao fica rolando, fica do descendo, se quiser dar uma olha esse é meu blog www.ultrajovembr.blogspot.com

    ResponderExcluir
  15. desculpem, mas não estava aparecendo um trecho do código.
    faltou isso: behavior="scroll"

    agora já corrigi, qualquer duvida clique no link no final da postagem pra ver o codigo funcionando ou escreva para nós

    ResponderExcluir
  16. Podiam por o meu blog como parceiro?

    O endereço é:
    http://zackecodydisney.blogspot.com/

    Obrigado!

    ResponderExcluir
  17. OLá de novo!, eheh Fabiano tem mais outro problema: os banners nao aparecem e muito menos deslizam no Mozilla. Apenas as bordas ficam legais. tem algo a dizer?
    Mais uma vez, parabéns cara...tuas dicas são show.
    Abraço!

    ResponderExcluir
  18. Eder

    testei agora o código e funcionou normalmente no internet explorer e firefox, talvez houve algum problema na hora de copiar e modificar e código, detalhes como faltar ou sobrar qualquer coisa " <> = faz ele não funcionar

    ResponderExcluir
  19. Opa com esse ai deu certinho eu tinha 30 banners coloquei 15 pra cima e 15 pra baixo muito obrigado ai mesmo vlww http://www.BrindesRox.co.cc

    ResponderExcluir
  20. Olá...Usei os códigos para o banner deslizante e adorei o resultado. Ótima dica!!Obrigada!!!!

    ResponderExcluir
  21. ps:Funcionou, ficou muito bonito. Só troquei a cor de fundo, tirei os "/p"s e a borda.

    Obrigada.

    ResponderExcluir
  22. Olá Fabiano...me ajude please...não consigo colocar esse código...eu coloquei numa gadget html o cód todo e depois fui acrescentando os outros end de banners, mas aparece somente 2 deslizando, pq não aparecem os outros?

    ResponderExcluir
  23. Fabiano...poderia deixar escrito nos tópicos onde coloco o código? ou onde coloco os end dos banners?
    obg...bjs

    ResponderExcluir
  24. nesta postagem coloquei alguns banners como exemplo, então é só colocar os que você quiser no lugar onde eles estão.

    sobre somente 2 deslizando talvez tenha colocado o código dos outros depois da tag </marquee> isso encera o código, quer dizer depois dela não faz parte do código para deslizar os banners

    ResponderExcluir
  25. Oieee
    Obrigadinha Fabiano...ja consegui colocar os códigos...rsrsrs
    valeu pelas dicas...Deus abençõe!
    Bjinhos

    ResponderExcluir
  26. Ótimo ter achado este topico. respondeu a uma das coisas que eu perguntei hoje.
    Valeu, o resultado ficou ótimo. Obrigada.

    ResponderExcluir
  27. Oie!
    Como faço para eles deslizarem horizontalmente?
    Obrigada!!!!

    ResponderExcluir
  28. Caio
    veja no final da postagem para mudar o código direction em vez de down coloque left ou right

    ResponderExcluir
  29. já to pirando com o treco, só vai 3 banner, quando cheaga no fim do 3volta r começo e tem amis ainda

    ResponderExcluir
  30. Cristiano

    você precisa colocar mais banners, pode ser quantos quiser

    ResponderExcluir
  31. Olá, eu adicionei esse tag em meu blog, mas quando termina de deslizar, ela aparesse todos os baner e depois começa a rolar denovo, e não é assim, tem que começa lá em cima e n aparece tudo. E agora ?

    ResponderExcluir
  32. Cristiano, talvez tenha algo errado no código que colocou no blog, veja os detalhes: aspas, sinais < >

    ResponderExcluir
  33. fiz tudo conforme o tutorial, mas só aparece a caixinha amarela sem nada dentro, porque?

    ResponderExcluir
  34. xbox 360

    verificamos o código agora e está tudo certo nele, provavelmente o código dos banners que colocou está errado, ou então faltou copiar algum caracter do código, lembre-se que qualquer coisa faltando ou a mais no código pode fazer ele não funcionar.

    ResponderExcluir
  35. Obrigada pela dica. Deu certinho! Parabéns pelo seu blog e trabalho. Ajuda muito para aprendermos e tirarmos nossas dúvidas.

    ResponderExcluir
  36. Coloquei no meu blog :D
    Fabiano, existe algum codigo da cor exemplo: "#696969"
    Que represente o transparente ?

    ResponderExcluir
  37. se quiser pode deixar transparente mesmo, só precisa apagar o trecho background-color: #FFFFCC; ou substituir pelo código da cor que desejar.

    ResponderExcluir
  38. "Olá, eu adicionei esse tag em meu blog, mas quando termina de deslizar, ela aparesse todos os baner e depois começa a rolar denovo, e não é assim, tem que começa lá em cima e n aparece tudo. E agora ?"

    Cristiano eu tive esse mesmo problema, e simples na configuração
    ;height: 200px;width: 150px"
    E so colocar 2 px maior do que todos os banners, se colocar menor o banner diminuira porem eles apareceram no meio e não deslizando do começo para o final.

    ResponderExcluir
  39. Cristiano outra coisa que pode ter acontecido e deixar um espaço entre <> ao abrir pra editar automaticamente fica um espaço quando for editar, edite no bloco de notas cole la e pronto no final de cada banner sempre tem [...] /> < / a >
    e so apagar os espaços.

    ResponderExcluir
  40. L. Tadeu
    você copiou algumas coisas erradas no código é behavior="scroll" e a parte onMouseOver=this.stop() onMouseOut=this.start()

    no seu blog as duas estão com start, se não quiser que pare que deslizar é só apagar esses dois

    ResponderExcluir
  41. Fabiano,

    Para eu colocar todos os endereços dos sites e das fotos do banner tem que ser um por um mesmo ? Ou tem outro jeito de importar ?

    Ah! Já faz uns dias que não consigo entra no "Clique aqui" para ver o exemplo funcionando, só uma vez eu consegui, depois nunca mais...
    Abs.,
    Fátima.

    ResponderExcluir
  42. Princess Life Bijoux
    o link está funcionando agora, acho que o servidor deve ter ficado fora do ar.

    tem que colocar os códigos manualmente não tem como importar. mas se já tem os códigos dos banners pode copiar diretamente.

    ResponderExcluir
  43. Olá, achei interessante essa dica. porem não deu certo em meu blog. ao invés de ficar dessendo as imagems elas ficaram congeladas uma abaixo da outra cobrindo os outros tópicos abaixo.

    ResponderExcluir
  44. Bruno Soares
    você colocou o código completo.

    veja se não alterou algum coisa, esse código não tem esse tipo de erro que mencionou.

    ResponderExcluir
  45. Coloquei sim Fabiano. bom so esqueci de dizer que no Google Chrome deu certo. mais o Explore não deu certo nele as imagems ficam uma abaixo da outra congelada e não fica deslizando uma por uma. será a versão do explore por ser antiga? mais mesmo assim muitos internautas nao usam o atual. vou deixar aqui o link do meu blog de teste p vc dar uma olhadinha.Esta um pouco bagunçado rsrs
    http://uniaocabeceirense.blogspot.com/

    Usei o código original do geitinho que vc deixou no post.

    ResponderExcluir
  46. pode ser devido a versão do internet explorer, tente ver em outro computador

    ResponderExcluir
  47. Opa Fabiano fiz uns testes com o meu blog de teste e notei uma coisinha na hora de colocar esse código. eu usei o https://draft.blogger.com para deixar o meu blog com três colunas, e esse código acho que nao esta dando certo nele, pois mudei o template do blog para os tradicionais do blogger e esse código deu certinho. testei no Mozila. Google Chrome e no internet Explore antigo. Cheguei a conclusão que pelo https://draft.blogger.com dá um certo erro. veja no meu blog teste http://uniaocabeceirense.blogspot.com/

    ResponderExcluir
  48. talvez o blogger in draft não aceite mesmo o código, eu não tinha testado nele

    ResponderExcluir
  49. Olá Fabiano,

    Mais um "probleminha" : Assim como aconteceu com o Bruno Soares do comentário logo acima , depois que troquei o modelo do blog , os banners deslizando não funcionam no Explorer, fica uma imagem abaixo da outra e paradas sobre o texto abaixo.
    Mas não é só no draft , é também no blog definitivo, mas só não funciona no Explorer, no Google Chrome e Mozila Firefox funciona normalmente. E no modelo antigo do blog funcionava também no Explorer . E agora quem é que tem que arrumar isso ? É o blogger no modelo novo , ou a gente mesmo tem que fazer alguma coisa ? Porque se todo mundo que usa o Explorer não conseguir ver os banners corretamente , acho que não compensa usá-los.

    Abraços,

    Fátima.

    ResponderExcluir
  50. retire o código e depois coloque novamente, mas veja se a mudança de template não alterou alguma coisa no código.

    compare a parte do marquee... que está no seu blog com a desta postagem, as vezes o html é alterado pelo blogger

    ResponderExcluir
  51. Olá Fabiano,o probleminha de Bruno realmente só acontece no explorer, no firefox fica ok, mas mesmo colocando pelo firefox e depois entrando com o exolorer, o erro permanece.
    Em relação a marquee, se for fazer uma postagem colocando marquee dá erro, tem que colocar antes de marquee a tag center.Passa no meu blog gifsgifsnetto.blogspot.com, fiz um pequeno script com bordas marquee. Lá também tem um script interessante, acho que vai gostar, é o info box.

    ResponderExcluir
  52. Olá gostaria de saber porque quando clico no no banner que esta la na barra de rolagem, ele aparece o link do outro blog. Por exemplo, tenho 3 banner la na barra rolando, dai se eu for clicar no ultimo banner mostra o link do primeiro? Sendo que eu coloquei o endereço do site corretamente.
    Se você quiser dar uma olhada no meu blog teste e ver
    http://blogtesteanaxcarol.blogspot.com/

    Fico grata se for possivel me responder atras do meu blog
    piscouaconteceu.blogspot.com

    Obrigada desde já, suas dicas são muito uteis!

    ResponderExcluir
  53. Ana Carolina
    envie o código como está usando para meu email, entrei no seu blog mas não vi os banners

    ResponderExcluir
  54. AMIGO ACHO TE SITE O MELHOR PRA DICAS VALEU

    ResponderExcluir
  55. Genteee eu sou muito burraaa...
    Kkkkkkkkkkkkkkkkkkkkk
    So da erro poxa!!!!

    ResponderExcluir
  56. Aislin Alana
    os erros nos códigos geralmente são detalhes, as vezes uma letra a mais ou faltando não deixa funcionar.

    tente novamente e se não der certo envie o código como está usando para meu email

    ResponderExcluir
  57. oi amigo, estou com problemas, eu fiz algumas mudanças na largura, altura e na margem para colocar a barra na horizontal da página. no editor de html (uso o PHP Editor) ficou ótimo, mas quando coloco no blog e abro no IE 8 as cinco imagens que coloquei para teste aparecem todas de uma vez e não vão surgindo. acho que é o browser, mas será que tem como mudar algo para funcionar no IE 8 também? aguardo

    ResponderExcluir
  58. Vládia Queiroz
    fazer um template em um programa e depois passar para o blog é complicado, precisa achar os lugares certos no html do blogger para fazer as alterações

    ResponderExcluir
  59. aonde que coloca esse codigo aew ??? antes dos banner ?

    ResponderExcluir
  60. esse código é para usar em um gadget de html/javascript

    ResponderExcluir
  61. Amei o resultado, precisava disso para colocar informações às minhas leitoras sem encher o espaço do blog.
    Agora quero descobrir como inserir uma imagem de fundo (url) em vez de uma simples cor. Será que é possível?
    Obrigada pela ajuda até agora, seus posts estão sendo super úteis!

    ResponderExcluir
  62. Bom dia fabiano tudo joinha contigo?
    Por favor me tire uma dúvida, as imagens tem que ter o mesmo tamanho?
    Pois tentei fazer o banner deslizar deu até certo deslizava direitinho mas na hora que eu clicava no banner para ir para o site parceiro todos eles iam pro mesmo site de uma mesma empresa sendo que tennha mais de 10 imagens diferentes..
    Ai acabei tirando mas gostaria de colocar no blog assim fica mais organizado..
    O que será que eu fiz de errado vc poderia me ajudar.
    Desde já agradeço a atenção.
    http://drikabello.blogspot.com/

    ResponderExcluir
  63. você pode usar imagens com tamanhos diferentes sem problemas com esse código...

    mas acho que se forem de tamanhos iguais ou parecidos o efeito visual será melhor... mas pode usar qualquer tamanho de imagem.

    ResponderExcluir
  64. Oi fabiano olha eu de novo....fiz tudo certenho mas ainda está dando erro e quando clico no banner vai tudo pro mesmo site.
    Dá uma olhada e ve se acho o que fiz errado ok se puder me ajudar.
    Tentei colar o html aqui mas não deu certo.
    Desde já agradeço a atenção.
    http://drikabello.blogspot.com/

    ResponderExcluir
  65. veja que o código cada banner tem seu link diferente é uma repetição de varias vezes o mesmo código mas com imagens e links diferentes...

    envie o código como está usando para meu email e vou dar uma olhada

    ResponderExcluir
  66. Email enviado querido ...
    Obrigada mais uma vez pelo help..
    Bjos..
    http://drikabello.blogspot.com/

    ResponderExcluir
  67. Olá Fabiano!
    Gostei desse banner e já coloquei no meu blog.
    Só que eu queria ele andando para o lado e em fileira. Tem como?

    ResponderExcluir
  68. Você, a Bola e Eu!
    no código colocamos <p>.... codigo do banner </p>

    retire esses <p> </p> que as imagens ficam lado a lado

    depois no código altere o sentido que desliza
    scrolldelay="1"scrollamount="1"behavior="scroll"direction="down"

    troque down por left ou right

    ResponderExcluir
  69. Valeu Fabiano!
    Agora o que não deu certo foi no Internet Explorer ficou com duas fileiras. no mozilar deu certo.

    o que eu faço?

    ResponderExcluir
  70. ajuste os valores height: 200px;width: 150px para a largura e altura do espaço por onde deslizam os banners

    ResponderExcluir
  71. Fabiano agradeço ficou show, mais queria mais uma coisa, na verdade eu coloquei imagens de width:120px por height:180px , e gostaria de saber como faço pra colocar uma caixa maior que apareça umas 6 à 8 imagens de uma vez e na horizontal e fico a rolar bem bonito kkkk...
    Fabiano de já agradeço sua ajuda espero retorno !!!

    ResponderExcluir
  72. o valor width: 150px é a largura da caixa... então pode alterar para qualquer valor até ficar como deseja

    ResponderExcluir
  73. Boa noite Fabiano!
    Bom... Fiz o slide, ficou tudo ok no F.fox e no Chrome, mas no IE8 e no 9 o Background do marquee é quem fica se mechendo e os banners ficam parados e fora.
    Imagem do problema:
    http://1.bp.blogspot.com/-WiKNj6SP258/TgVJyzP_tnI/AAAAAAAAARQ/Rly-EKNd55o/s1600/lol.jpg

    Espero que possa me ajudar...
    Desde já agradeço.

    ResponderExcluir
  74. veja se usou o código corretamente ou alterou algo por engano... os banners ficam em movimento...

    ResponderExcluir
  75. Olhei, Olhei e Olhei, mas não notei nada de errado, bati um print do código:

    http://4.bp.blogspot.com/-4vPGbeMhy0U/TgZKb1zNKsI/AAAAAAAAARg/6eE1lOiLaFo/s1600/Sem+t%25C3%25ADtulo.jpg

    Esse é o código que estou usando, ele está funcionando perfeitamente no chrome e Ffox.

    Você poderia dar uma olha e ver se nota alguma coisa de errado porque não notei nada ^^
    Desde já agradeço.

    ResponderExcluir
  76. se usou o código exatamente assim pode ser as mudanças de linha ou espaço antes de direction= left...

    esses códigos dão muitos erros por causa de caracteres que não aparecem...

    ResponderExcluir
  77. Olah fabiano olha e u akee dnovo,bem pus esse codigo no meu blog pmas como possuo muitos parceiros os banner ficaram grudados tem como eu dar um espaço entre eles nem que seja um pequeo espaço veja como fikou http://lokospormusica.blogspot.com

    ResponderExcluir
  78. Olá Fabiano, como sempre me salvando !!

    Estava utilizando um código diferente que sei lá porque alterava as cores dos links do blog para azulão e não adiantava fazer alterações no html, que não mudava... mas o seu está funcionando direitinho e sem este problema !
    Obrigadíssimo !
    abçs e boa semana !

    ResponderExcluir
  79. Legal, bem simples...

    Forte Abraço!

    ResponderExcluir
  80. Eu consegui fazer, deu certo! Só no explorer que nao roda.

    ResponderExcluir
  81. Adriana Fernandes
    veja se não apagou alguma coisa no código, as vezes um detalhe errado faz funcionar somente em alguns navegadores.

    pode ser qualquer coisa como aspas, < ; ...

    ResponderExcluir
  82. |Fiquei feliz que deu certo em partes... mas queria colocar gifs como faço pra colocar um que deslize gifs? caso de nesse como altero o pixel do meu gif para caber na caixa?

    ResponderExcluir
  83. com os gifs é a mesma coisa do que qualquer outra imagem

    ResponderExcluir
  84. Gostei do post, foi tudo bem explicado mais so tem um probleminha, quano passa a primeira umagem ele volta tudo de novo e nao da para ver todos os baners.

    ResponderExcluir
  85. sim, quando termina de passar todos os banners volta o primeiro novamente

    ResponderExcluir
  86. o meu deu erro.
    coloquei tudo certo, e coloquei la na sidebar. sendo que quem ficou deslizando foi a sidebar completa!
    depois coloquei ele no final, e ficou deslizando tbm as atribuições do blog, e detalhe, a cor da sidebar sumiu e ficou transparente.
    quando eu apago esse gadget td volta ao normal.

    *nao apaguei nenhum codigo

    ResponderExcluir
  87. veja se colocou o código completo e inclusive fechou a tag < / marquee >

    mas é bem estranho acontece isso.

    ResponderExcluir
  88. Olá Fabiano, queria saber se tem como fazer esse efeito com um parada...
    ou seja eu iria deixar "height: 200px" do tamanho do banner, ou seja 60px.....
    E assim todos os banner ia passando, porem com uma parada breve e depois e deslisando normalmente..

    ResponderExcluir
  89. Rui Carlos esse código não tem como adicionar uma parada automatica, mas do jeito que está ele para quando passa o mouse sobre as imagens

    ResponderExcluir
  90. Parabens. estava procurando isso e só achei aqui

    ResponderExcluir
  91. olá ! adoro suas dicas e as ponho em prática nos meus blogs, pus um link desse seu site no meu blog que é para blogueiros:
    guiadeblogs.blogspot.com.br
    e tenho uma dúvida: o blogspot não está mais abrindo no internet explorer? só consigo abrir no google chrome/outra duvida: o wordpress não aceita propagandas? eu tenho links patrocinados da lomadee e zanox mas acho q o wordpress não aceita,pq não vejo a opção de gadget. obrigada pelas suepr dicas, valeuu!!!☺

    ResponderExcluir
  92. o wordpress aceita propagandas ..

    sobre o blogger não abrir no internet explorer tente excluir seu histórico de internet.... deve ser erro de carregamento da pagina

    ResponderExcluir