Dominio: gerenciandoblog.com.br
Chave: 00e39a4dc6309327334fa422703bddd1e83c509f
Hora do cache: 1474196282
Vida do cache: 1475492282
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Hospedagem - 728 x 90

gadgets

Banner rotativo de imagens – Novo modelo

BannerRotativo130Ter um banner rotativo de imagens em seu blog é uma forma interessante para você exibir mensagens para diversas finalidades.

Você pode utilizá-lo para exibir imagens com links para seus artigos recentes, amostras do seu trabalho, banners de seus parceiros ou selos recebidos.

Aprenda neste artigo como criar um banner rotativo de imagens com ótimo efeito visual e que funciona nas versões mais recentes de todos os navegadores.

Este é um tutorial que encontrei que também ensina banners rotativos, para quem prefere versão em vídeo:

 

Introdução

No artigo Banner Rotativo com Imagens – um dos mais lidos aqui no Gerenciando Blog – eu mostrei como utilizar o recurso do “marquee” para criar um banner de imagens deslizantes.

Infelizmente, as versões mais atuais dos navegadores não suportam mais esse efeito, o que faz com que aquele modelo de banner não funcione corretamente em todos eles.

Recentemente, a Patrícia Chammas (uma ótima designer, cujo trabalho recomendo) solicitou-me o desenvolvimento de um gadget para exibir amostras do seu trabalho como design em seu blog, utilizando o efeito do banner rotativo.

O resultado pode ser visto em seu blog, logo abaixo do cabeçalho e também na imagem abaixo.

O efeito final ficou muito bom, e a Patrícia gentilmente permitiu que eu divulgasse o gadget aqui.

#makemescrollable{width:100%;height: 138px;position: relative; }#makemescrollable div.scrollablearea img{position: relative;float: left;margin: 0;padding-right: 3px;}

 

Gadget com contadores para redes sociaisCrie seu site em HTML5 de forma fácilAumentando as confirmações de assinatura por e-mailComo criar um blog de testes no BloggerSEO no Blogger: Resumo
6 dicas para ganhar dinheiro com o Google Adsense
$(document).ready(function () {$(‘div#makeMeScrollable’).smoothDivScroll({autoScrollingDirection: ‘endlessloopright’,mousewheelScrolling: true,autoScrollingStep: 1,hotSpotScrolling: false,manualContinuousScrolling: ‘true’,visibleHotSpotBackgrounds: ‘always’,autoScrollingMode: ‘onstart’});});

Características

O gadget utiliza o plugin Smooth Div Scroll, desenvolvido pelo sueco Thomas Kahn.

Quem quiser obter mais detalhes, pode visitar o seu site. Este gadget oferece algumas características interessantes:

 

  • Você pode definir o sentido do movimento horizontal (para a direita, para esquerda, indo e voltando).
  • Há controles nas extremidades para que o visitante avance ou retorne as imagens.
  • O avanço ou retorno também pode ser feito com o “scroll” do mouse.
  • As imagens aparecem em movimento contínuo, sem um espaço em branco entre o final de uma sequência e o início da próxima.
  • Você pode definir links para as imagens.

O código

O código para o gadget é mostrado abaixo:
<link rel=”Stylesheet” type=”text/css” href=”http://gbscripts.webs.com/SmoothDivScroll-1.2/css/smoothDivScroll.css” />
<style type=”text/css”>
#makeMeScrollable
{    width:100%;
        height: 130px;         position: relative;    }
#makeMeScrollable div.scrollableArea img
{    position: relative;
float: left;
margin: 0;
        padding-right: 5px;}
</style>
<div id=”makeMeScrollable”>
   <a href=”http://www.gerenciandoblog.com.br/2012/04/gadget-com-contadores-para-redes.html” target=”_blank”><img src=”http://lh3.ggpht.com/-H9DiPdpqcVM/T4nvkeps7LI/AAAAAAAAGUw/tGOelgScjTc/Gadget130_thumb%25255B3%25255D.jpg” height=”130″border=”0″/></a>
<a href=”http://www.gerenciandoblog.com.br/2012/04/crie-seu-site-em-html5-de-forma-facil.html” target=”_blank”><img src=”http://lh6.ggpht.com/-tV2cjsPZLII/T4YY4aXyqiI/AAAAAAAAGQ8/qyJ-C3n7Wlk/HTML5130_thumb%25255B3%25255D.jpg” height=”130″border=”0″/></a>
<a href=”http://www.gerenciandoblog.com.br/2012/04/aumentando-as-confirmacoes-de.html” target=”_blank”><img src=”http://lh5.ggpht.com/-eMiIPiCK-5A/T4JQfablZNI/AAAAAAAAGM8/TrGVWmckc3E/EmailFeedBurner130_thumb%25255B3%25255D.jpg” height=”130″border=”0″/></a>
<a href=”http://www.gerenciandoblog.com.br/2012/04/como-criar-um-blog-de-testes-no-blogger.html” target=”_blank”><img src=”http://lh6.ggpht.com/-vCkcKmczMjc/T3jluKvpWWI/AAAAAAAAGHs/r6qJxUmOkdg/BlogTestes130_thumb4.jpg” height=”130″border=”0″/></a>
     <a href=”http://www.gerenciandoblog.com.br/2012/04/seo-no-blogger-resumo.html” target=”_blank”><img src=”http://lh4.ggpht.com/-nN54TK8-res/T2vIuixu3GI/AAAAAAAAF3E/lqCcFLCgGGw/blogger130_thumb%25255B3%25255D.jpg” height=”130″border=”0″/></a>
<a href=”http://www.gerenciandoblog.com.br/2012/03/6-dicas-para-ganhar-dinheiro-com-o.html” target=”_blank”><img src=”http://lh5.ggpht.com/-cHi7ZyeMQHM/T2EyR_acAeI/AAAAAAAAFs4/VeyboISZprM/AdSense130_thumb4.jpg” height=”130″border=”0″/></a>
</div>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js” type=”text/javascript”></script>
<script src=”http://gbscripts.webs.com/SmoothDivScroll-1.2/js/jquery-ui-1.8.18.custom.min.js” type=”text/javascript”></script>
<script src=”http://gbscripts.webs.com/SmoothDivScroll-1.2/js/jquery.mousewheel.min.js” type=”text/javascript”></script>
<script src=”http://gbscripts.webs.com/SmoothDivScroll-1.2/js/jquery.smoothdivscroll-1.2-min.js” type=”text/javascript”></script>
<script type=”text/javascript”>
$(document).ready(function () {
$(“div#makeMeScrollable”).smoothDivScroll({
            mousewheelScrolling: true,
manualContinuousScrolling: true,
visibleHotSpotBackgrounds: “always”,
autoScrollingMode: “onstart”
});});
</script>

As partes em fonte na cor preta não devem ser modificadas.

Abaixo estão as explicações para as partes destacadas em negrito colorido, que podem ser ajustadas:

Vermelho – Opções visuais

  • height: 130px – Aqui deve ser definida a altura do gadget. Deve ser definida como sendo a mesma altura das imagens que você utilizará.
  • padding-right: 5px – Esta é a distância entre as imagens do banner. Se você não quiser uma espaço em branco entre elas, deixe como 0 (zero).

Azul – Imagens e links

Aqui você deve colocar os códigos das imagens que você utilizará em seu banner. Cada imagem deve estar no seguinte formato:

<a href=”LINK DO ENDEREÇO AO CLICAR NA IMAGEM” target=”_blank”>
<img src=”ENDEREÇO DA IMAGEM” height=”130“border=”0″/></a>

O valor do “height” (altura) deve ser o mesmo definido no item anterior.

Roxo – Opções do gadget

Esta parte define as opções avançadas do gadget. Você pode controlar a direção que o banner terá (autoScrollingDirection), sua velocidade (autoScrollingStep), o comportamento do mouse (mousewheelScrolling) e outras.

Se você tem conhecimentos técnicos, pode verificar todas as opções disponíveis em http://www.smoothdivscroll.com/options.html.

 

A opção mais simples – Planilha Excel

Mais uma vez, para facilitar o trabalho de quem deseja publicar o gadget sem ter que gerar os códigos manualmente, criei uma planilha Excel que torna o processo mais simples.

Abaixo está o link para download:

ContadorRedesSociaisPlanilhaBaixar planilha GerenciandoBlog_BannerRotativo2.xls

Abaixo está uma imagem da planilha.

Basta você preencher as informações das células em branco e seu código será automaticamente gerado na área destacada em vermelho.

Planilha para gerar banner rotativo

 

Depois, é só copiar esse código e colá-lo em um gadget do tipo “HTML/JavaScript” em seu blog. C

Caso tenha dúvidas sobre como fazer isso, sugiro a leitura do artigo Como Adicionar Gadgets em seu Blog.

A planilha está protegida, mas todos os campos necessários para a configuração estão livres.

Assim, não é necessária senha para trabalhar com ela.

Se você encontrar algum problema ou tiver sugestões sobre melhorias, basta deixar um comentário neste artigo.

 

Conclusão

Este gadget pode ser bastante útil em seu blog, especialmente para exibir uma grande quantidade de imagens sem ocupar muito espaço.

Se você utilizá-lo com criatividade, ele se tornará uma ótima forma para chamar a atenção dos seus visitantes para os elementos exibidos.

Para terminar, deixo muito muito obrigado à Patrícia Chammas, por ter permitido compartilhar o resultado aqui no Gerenciando Blog.

E você, já tem ou pretende colocar um banner rotativo de imagens em seu blog?

Gostou da planilha?

Deixe um comentário!

 

Banner rotativo de imagens – Novo modelo
5 (100%) 1 vote


De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Sobre o autor | Website

Especialista em Marketing Digital, presta Consultoria e auxilia diversos clientes. Amante por blogs, é responsável pela administração dos blogs Afiliados na web, Gerenciando Blog e Mundo Blogger.

305 Comentários

  1. dai varela disse:

    adorei este artigo. ainda não coloquei mas sempre quis ter um.
    Vou experimentar colocar logo abaixo do cabeçalho
    bom trabalho. abraço

  2. É isso aí Adelson. E mais uma vez vem você com uma de suas postagens perfeitas! Adorei o banner e vou tentar colocá-lo no meu blog de trabalhos de design. Tenho certeza de que vai ficar show.
    Uma pergunta: Além da altura da imagem, tem como eu definir a largura dela também?

    • Adriano Luz disse:

      Olá, Eduardo!

      Torço para que você tenha bom resultado em seu blog!

      Quanto à largura, até é possível colocá-la. Basta você adicionar uma tag width à cada linha da imagem. Eu não fiz isso para que fossem mantidas as proporções da imagem, pois utilizando somente a altura o próprio navegador se encarrega de calcular a largura correta.

      Um abraço!

  3. As imagem do meu banner direciona o link para o site que está hospedado as fotos. Eu hospedei as imagens no PICASA, já tentei colocando o link, tentei colovando "incorporar imagem" e nada dar certo. Qaundo eu coloco o link direciona para o blog mas não aparece a imagem, quando incorpora; aprece a imagem mas direciona para o PICASA e não para o blog.
    Tenho tentado a muito tempo colocar um banner no meu blog, esse foi o mais simples e interessante que eu achei… mas não estou conseguindo fazer. Se puder me ajudar…

    • Adriano Luz disse:

      Olá, Moura!

      É possível que o problema esteja relacionado com restrições de visualização das imagens do Picasa.

      Façamos assim: envie para meu e-mail ([email protected]) a planilha Excel salva com as informações de suas imagens e farei o possível para ajudá-lo.

      Um abraço!

    • e com setas para passar tem como?

  4. Adelson, realmente utilizar anúncios de maneira rotativa é uma maneira válida de aumentar o leque de anunciantes sem gastar mais espaço por isso. Também seria interessante em algo do tipo rotativo porém que puxasse as imagens de outros artigos de maneira automática, seria interessante algo neste sentido.

    Abraços, Arlindo Armando

    • Adriano Luz disse:

      Olá, Arlindo!

      Um banner com as últimas postagens do blog realmente é uma ideia interessante. Acredito que eu até já tenha me deparado com algum durante minhas pesquisar. Vou avaliar a possibilidade de utilizar essa ideia futuramente.

      Um abraço e obrigado pela sugestão!

  5. Apenas gostaria de parabenizá-lo por sua contribuição acessível à todos que desejam construir um mundo melhor através do compartilhamento de conhecimento. Seu blog é uma referência de qualidade..obrigada por existir!!!

  6. Olá Adelson,

    Muito bom e vem de uma vez por todas para demonstrar que o Blogger anda sempre alinhado com ótimas possibilidades para se trabalhar. Concordo com a citação do amigo Arlindo, isso seria bem bacana caso viável.

    Abraços! 😀

  7. Herlan Santos disse:

    Muito bom o artigo.
    Vou tentar utilizar este banner em um website meu.

  8. Adelson,

    Há algum tempo o meu blog tinha um slide na página inicial muito bonito, porém "pesado", com muitos códigos e que aumentava o tamanho do arquivo do blog, e, consequentemente o tempo de seu carregamento. Tive que deletá-lo visando melhor desenvolvimento do blog.

    Sempre procurava algo que pudesse destacar artigos mais lidos ou outra coisa no blog, mas não sabia como. Os banners rotativos que encontrava eram somente para wordpress.

    Pela demonstração que vejo no início do artigo, o resultado é simples e bonito. Vou instalar esse banner e fazer algumas modificações.

    E que doideira fazer essas planilhas heim! Parabéns!

    Abraço!

    • Adriano Luz disse:

      Olá, Edigley!

      Espero que o gadget consiga suprir suas necessidades!

      Quanto às planilhas, foi a forma que encontrei para fazer um "gerador de códigos" acessível a todos. O mecanismo até que é simples, com funções "SE", "PROCV" e "CONCATENAR". Sou fã do Excel desde a versão 4! 🙂

      Um abraço!

    • Adelson,

      O gadget não funcionou no meu blog de teste (modelo padrão do blogger). Estou revendo e procurando algum erro que devo ter cometido.

      Quanto ao excel, também gosto muito e uso muito em alguns artigos.

      Abraço!

    • Adriano Luz disse:

      Olá, Edigley!

      Caso você não tenha sucesso, eu gostaria de ajudá-lo a investigar o caso. Se quiser, envie-me por e-mail o seu template e avaliarei o que deu errado.

      Um abraço!

  9. Paula Torres disse:

    Oi Adelson! faz um tempinho que não venho qté aqui mas to adorando voltar. Quanta matéria nova!! Como sempre parabéns! Adoro seu blog, ele já me ajudou muito.

    Abç

  10. Muito bom, vou testar com toda certeza! Parabéns Adelson, valeu.

  11. Lucaimura disse:

    Tenho que experimentar este gadjet no meu blog, é uma boa maneira de promover os personagens que crio. Acho a tua ideia da planilha Excel genial e facilita muito a modificação do código.
    Vou tentar colocar as imagens acima das postagens na página inicial… vamos ver como corre ;).

    Um abraço.

  12. marco1903 disse:

    na boa…..ficou muito show meu blog..
    nos blogueiros nao seriamos nada sem vc cara..muito bom..
    nao sinceramente..bomdimais..vo ate colocar seu banner no meu blog…

  13. Dini Kelly disse:

    Olá Adelson, a descoberta do seu blog por meio do Dicas Blogger foi maravilhoso para mim. Com texto excelente e ao mesmo tempo simples, vc enriquece nossa experiência com a plataforma do blogger.

    Sobre esse post, gostaria de saber se é possível utilizá-lo como galeria de imagens [fotos] onde ao ser clicados abriria um lightbox. Se não der pra fazer isso, seria possível vc me indicar uma galeria de fotos que não seja vinculada àqueles códigos do Picasa ou Flicker? Encontrei algo interessante mas que não consegui implantar no TNB da Ariane: http://templatesparanovoblogger.blogspot.com.br/2011/08/template-diary.html

    Será que você poderia me ajudar?

    Meu e-mail é [email protected]

    • Adriano Luz disse:

      Olá, Dini!

      Eu preciso pesquisar o assunto. Futuramente, pretendo divulgar aqui no Gerenciando Blog outros tipos de banners rotativos, com possibilidades de carregar as imagens de outros locais.

      Um abraço!

  14. Estou tentando usar esse código mas ele não funciona de jeito nenhum. =/ Usei a planilha do excel pra ter certeza que não era nenhum erro meu, mas não deu certo.
    As imagens ficam paradas, simplesmente não roda.

  15. Ola Adelson ,

    Estava a procura de como inserir este sistema de banner rotativo em meu Blog, sou muito leiga nisto, achei o máximo seu artigo, mas não consegui fazer, pode me ajudar?

    Abraços

  16. Ola´boa tarde!
    Estou com um problema , nao consigo fazer com que a imagem apareça no banner o link dá certo só que no caso de imagem como faço para gerar os códigos das imagens que vou utilizar no banner?

    • Adriano Luz disse:

      Olá, Jackeline!

      As imagens que você está utilizando estão na internet? Isso é necessário para que sejam exibidas corretamente. Caso não estejam, você pode utilizar um serviço como o Webs.com para armazená-las.

      Um abraço!

  17. BelleFemme disse:

    Bom dia. Muito bom e muito bem explicado, Parabens. Tive apenas un problema. Funciona perfeitamente no Chrome e o Fire Fox, porem no IE alguns cadgets deixam de funcionar. Tambem a velocidade minima (1) achei bem rapida. Parabens novamente.

    Dilamar Andre Hansen
    http://bellefemmebijoux.blogspot.com.br/

    • Adriano Luz disse:

      Olá, Dilamar!

      Em meu caso, não encontrei problemas no IE. Verifiquei alguns blogs que utilizaram o gadget e parecem estar funcionando corretamente.

      Quanto à velocidade, há uma forma para diminuí-la: é possível utilizar a propriedade hotSpotScrollingInterval, que define o tempo entre cada "scroll" da imagem. Você pode testar alguns valores diferentes para avaliar se surtirá o efeito desejado.

      Um abraço!

  18. Clacir Virmes disse:

    Caro Adelson, você é fera no assunto. Já fiquei fã do seu blog. Consegui fazer uns testes com esse código e o anterior e gostei muito. Quero dar uma sugestão, não abusando da sua boa vontade. Essa planilha em excel, pra leigo como eu, é o bicho. Daria pra incluir nas informações do gadget outros campos para facilitar o posicionamento? Por exemplo, eu quero colocar no topo e à direita, ou a certa altura abaixo do banner e à direita, ou centralizado, em fim… Acho que você já me entendeu. Poderia também ter mais opções de transição, tipo guilhotina e outros.
    Aproveito para perguntar: Eu estou tentando utiliza o NVU para editar o meu site e gostaria de colocar um banner até uns 70% da largura e completar com esse gadget, é possível isso? porque eu tentei mas um deles desce, parece que são incompatíveis na mesma linha. Se puder nos ajudar, desde já nosso sincero agradecimento.

    Grande abraço.
    Clacir Virmes

    • Adriano Luz disse:

      Olá, Clacir!

      Vou avaliar se consigo colocar as informações desejadas em uma nova versão da planilha. Hoje, a forma mais simples de fazer isso é editando diretamente o código gerado.

      Quanto à sua dúvida, acredito que seja possível fazer o que você deseja utilizando "div" diferentes ou então colocando uma tabela com duas colunas no local desejada, sendo uma para o seu banner e outra para o gadget.

      Um abraço!

  19. Patrícia disse:

    Boa tarde,eu não consigo pôr no blog,diz assim:"O URL contém caracteres ilegais",o que devo fazer?

    • Adriano Luz disse:

      Olá, Patrícia!

      Não sei dizer o que pode estar acontecendo. Para eu avaliar, envie-me sua planilha já preenchida para o meu e-mail ([email protected]) e analisarei o código gerado.

      Um abraço!

    • Patrícia disse:

      Obrigado!! Mas precibi o meu problema!!Já consegui!!

  20. Ótimo artigo Adelson, parabéns.
    A algum tempo procurei muito na web um código parecido, mas não encontrei. Atualmente não necessito mais dele, mesmo assim obrigado e parabéns pelo ótimo blog.

  21. vanessa disse:

    adorei !
    Fiz o passo a passo ai do excel e e deu certo, parabéns mais uma vez ao gerenciando blog, sempre ajudando !

  22. Anônimo disse:

    Onde se encontra o endereço da imagem???

    • Adriano Luz disse:

      Olá!

      Se a imagem já está publicada em algum artigo ou site, basta você clicar com o botão direito do mouse sobre ela e utilizar a opção "Copiar URL da imagem" ou similar. Se não estiver, o primeiro passo é publicá-la na internet para poder ser acessada de qualquer computador.

      Um abraço!

  23. Poxa Adelson, grande postagem, parabéns! Quero que saiba que seu blog sempre está me auxiliando para que o meu fique legal. Sou fã daqui. Obrigado, e tenha certeza de que sempre estarei fazendo uma visita. Abraço.

  24. GermanoCWB disse:

    Olá Adelson.
    Muito obrigado pela sua resposta da minha pergunta no Formspring e por essa sugestão de banner.
    Mas o que eu queria mesmo era só poder aumentar o tamanho dos slides apresentados no gadget slides do blogger, que captura automaticamente as imagens de um álbum indicado. O sistema é ótimo, mas o tamanho não anima.
    Obrigado de novo pelas ótimas dicas e pela paciência para ensinar.
    Parabéns pelo trabalho.
    Abs
    Blog GermanoCWB

  25. Kaviluango disse:

    Boa Noite Adelson
    Recebi seu email e fiz como me explicou, só que ainda tenho algumas dúvidas pois não consegui fazer o banner ficar rodando, como eu faço..sou leigo no assunto.
    Ele esta ótimo só não consigo fazer ele ficar rodando e também gostaria de saber se consigo colocar texto ou seja..
    Eu aponto a seta do mouse na imagem e lá aparece a que se refere eu clico lá e ele vai e abre em outra tela só a imagem…gostaria de saber se eu consigo colocar um texto que aparece ao clicar na imagem..
    não sei se expliquei direito….rsrsrsrs…
    Estou gostando muito do seu blog esta sendo muito útil para nós que somos novatos nesse assunto….
    Peço que veja o meu blog….www.kaviluangomeupaiobaluaye.blogspot.com.br
    e veja como esta ficando legal os seus ensinamentos esta sendo muito útil para mim..

    Grato

    PS.: continue a colocar mais coisas para nos ajudar….

    e mais uma vez o meu PARABÉNS PELO SEU TRABALHO E PACIENCIA CONOSCO…

  26. Alex Souza disse:

    Obrigado Adelson!
    É fácil faze-lo ficar na vertical?

    • Adriano Luz disse:

      Olá, Alex!

      Infelizmente, não é simples fazer isso. Da forma que o autor criou o código JavaScript, ele está pronto apenas para fazer o movimento horizontal.

      Um abraço!

  27. Márcio Rosendo disse:

    Caro Adelson, parabenizo-o pelo blog, muito interessante, bastante construtivo e didático, sou um curioso na área de desenvolvimento de sites e me dediquei a construí-los no google sites, gostei muito desse banner, porém não consigo que o código html rode em meu site, ele dá erros que impossibilitam o depurador executar o script.
    Tentei também aplicá-lo diretamente no site (tela html), porém ele invalida, vc saberia me informar o motivo, agradeço o retorno.

    abraços e sucesso

    • Adriano Luz disse:

      Olá, Márcio!

      Infelizmente, é difícil para mim saber o que ocorreu neste caso. É possível que tenha havido algum conflito com outro elemento do site, ou com a própria estrutura do Google Sites.

      Uma dica é você criar um arquivo HTML separado, apenas com o código do banner, para avaliar se ele está construído corretamente.

      Um abraço!

    • Adriano Luz disse:

      Olá!

      Com certeza, o código não é o responsável pelo cancelamento de sua conta no AdSense. Isso deve ter ocorrido devido à violação de algum dos regulamentos do programa.

      Um abraço!

  28. NO MEU SITE FUNCIONOU, PORÉM ELE PAROU O SLAID SHOW PRINCIPAL DA PÁGINA.

    • Adriano Luz disse:

      Olá!

      Aparentemente, houve em seu site um conflito entre os dois códigos JavaScript utilizados pelos componentes.

      Uma possibilidade é você acessar o site do criador do componente (que indique no artigo) e avaliar se há solução para seu caso.

      Sinto não poder ajudar.

      Um abraço!

  29. Tessy disse:

    Adelson!! Helppp… rsrs
    Tentei fazer pela planilha. Preenchi tudo certinho, copiei a caixa amarelinha, mas quando eu coloco no blogger aparecer um mensagem de erro dizendo que só pode ter no máximo 2.083 caracteres. É isso mesmo??

    • Adriano Luz disse:

      Olá, Tessy!

      Eu não sabia que havia esse limite para o gadget de HTML/JavaScript. A solução é você diminuir o número de imagens que você mostrará em seu banner.

      Um abraço!

  30. Tessy disse:

    Obrigada Adelson! Na verdade, eu estava colocando no lugar errado…. mas já consegui!
    Abraço!

  31. Tanya x disse:

    Olá! Conheci tem poucos dias o seu blog, mas já aprendi bastante. Mas não consegui fazer esse banner funcionar no Internet Explorer, nem no 9, nem nas versões anteriores. No Chrome aparece perfeitamente. No explorer as imagens inseridas se espalham todas pela página. Se quiser dar uma olhada, agradeço: http://www.moradiaimoveis.net.br.
    Abraço!

    • Adriano Luz disse:

      Olá, Tanya!

      Fico feliz que tenha chegado até aqui! Espero que encontre sempre dicas úteis para o seu blog.

      Eu visitei o seu blog NO IE 9 e o banner está funcionando corretamente. Uma possível causa é que seu navegador esteja bloqueando o código JavaScript. Neste caso, seria mostrada uma barra amarela de informações logo abaixo da barra de endereços. Você chegou a ver isso?

      Um abraço!

  32. Tanya x disse:

    Certamente virei muito aqui.

    Não apareceu a barra amarela contendo informações. Inseri o banner em alguns posts, mas tomando o cuidado para carregar só um post em cada página. Mas as imagens só são carregadas nas primeiras páginas. Por exemplo: http://www.moradiaimoveis.net.br/2012/06/sitio-regiao-de-tiguapira.html. Nesta não aparece.
    Está endereçado corretamente, a imagem carrega se você copia o link e carrega em outra guia, mas não carrega no banner. As imagens estão no google sites. Pensei que talvez eu tivesse excedido o limite de armazenamento do google sites, mas não, pois é 100MB, e só carreguei 40 MB. Não sei o que há.

    • Adriano Luz disse:

      Olá, Tanya!

      Mesmo nessa página interna, as imagens aparecem corretamente para mim. Algo que notei – e que pode explicar o problema – é que você está utilizando imagens grandes para o banner, o que o torna lento para carregar.

      O que você pode fazer é utilizar apenas miniaturas para exibição, no tamanho que elas serão mostradas, e deixar o link apontando para a imagem em tamanho maior.

      Um abraço!

  33. muiiiiiiiiiiiiiiiiiiiiiiiiito massa. obrigado

  34. Oiii, preciso colocar legenda abaixo nas imagens, tentei aqui mas não deu certo elas ficaram juntas e não logo abaixo das imagens. Sabe como eu poderia fazer isso?

  35. Mari Bianchi disse:

    Querido Adelson,

    Acabo de colocar em meu blog e FICOU LINDO!!!
    Muito obrigada!
    Perguntas: Tem um limite para a quantidade de imagens que devo colocar?
    Posso adicionar outras com o tempo, ou devo reiniciar o processo toda vez que fizer alterações?

    Ainda tenho um problema com as margens das colunas que não consigo resolver..

    Obrigada

    • Adriano Luz disse:

      Olá, Mari!

      Vi o resultado em seu blog e realmente ficou ótimo!

      Não acredito haver um limite de imagens para colocar no banner. Quanto às novas imagens, o mais simples é você manter salva a planilha com as imagens atuais. Assim, você só precisará adicionar as novas e publicar novamente o código.

      Um abraço!

  36. Anônimo disse:

    Olá Adelson, muito bom seu blog! Já me ajudou muito.
    Estou com um problema quanto ao banner, como faço pra abrir a página linkada ao mesmo na mesma página?
    Abraço!
    Guilherme

  37. Igor Ribeiro disse:

    Olá Adelson,eu fiz tudo mas quando eu vou copiar o codigo aparece uma mensagem de que está bloqueado e quando vou desbloquear pede uma senha…se você puder me passar essa senha ou me ajudar eu ficarei muito grato

    • Adriano Luz disse:

      Olá, Igor!

      A senha somente é necessária para alterar algo na planilha. Para copiar o texto, basta selecionar a célula com o código e pressionar CTRL+C. Fazendo assim, não será solicitada senha.

      Um abraço!

  38. Anônimo disse:

    Parabéns, muito bom o código.

  39. Gostaria de saber em que parte do Editar em html que entra essa linha de comando?

  40. Osb Barbosa disse:

    Olá Adelson,

    Consegui inserir o banner rotativo no meu blog, e gostei do resultado, ficou muito bom e atraiu mais clicks.
    Dê uma olhada no resultado: MAPA CONCURSOS (www.mapa-concursos.blogspot.com.br).

    Obrigado mesmo.

  41. oldrocker disse:

    Gostaria de saber como adicionar mais linhas na sua planilha excel.

    • Adriano Luz disse:

      Olá, Oldrocker!

      Infelizmente, não é possível adicionar mais linhas à planilha. Mas, você pode inserir mais imagens diretamente no código HTML gerado, seguindo os demais como exemplo.

      Um abraço!

  42. Linidarandam disse:

    Olá Adelson

    Então, testei esse gadget, bem legal e com a sua planilha muito mais fácil ainda!
    Valeu
    Parabéns pelo blog sempre com dicas e novidades.

  43. Anônimo disse:

    Posso usar adsense ao invés de banners? Se eu usar esse widget para adsense os cliques vão para mim ou para o dono do widget?

    • Adriano Luz disse:

      Olá!

      Eu não tenho certeza se o AdSense permite a exibição de seus anúncios utilizando um gadget como este. Se ele fosse utilizado, os cliques irão para você.

      Mas, para evitar problemas para você, sugiro que você não utilize os anúncios dessa forma.

      Um abraço!

  44. Meu amigo Adelson, como vai?

    Mais uma sacada de mestre este slide, principalmente como a tabela do exel, parabéns por mais esta obra de arte!

    Jeferson Vitor Capeleti

    • Adriano Luz disse:

      Olá, Manuel!

      Estranho o banner não ter funcionado para você. Utilizo também o Google Chrome e vejo que ele funciona corretamente para mim.

      Tentei localizar o banner com problema em seus blogs, mas não o encontrei. Você pode colocá-lo novamente e me informar o endereço para que eu possa investigar o caso?

      Um abraço!

  45. ola amigo gostei muito da matéria
    aqui gostaria de saber se funciona no blogspot
    e em vez de ser horizontal se teria como ser vertical
    e eu gostaria de saber se vc tem algum artigo falando de um slide vertical que poderia colocar varias imagens com link
    Tipo estou querendo fazer um na posição vertical para colocar os divulgadores, sendo assim ocupando um espaço pequeno e dando credito a todos os divulgadores.

  46. luichi disse:

    Bem fiz as alteracoes do banner no programa taco html, ficou lindo na pre-visualização, mas qndo colo o codigo em meu site ele perde a funcionalidade, aparecem apenas as imagens. Meu site foi criado na web node. Bem na verdade nao consigo inserir nem um tipo de slide, ou banner. Se voce pudesse me dar alguma dica ficaria muito grata.

  47. andre henning disse:

    Adelson, o código é fantástico e a planilha então… o efeito fica muito bom mesmo. estou refazendo um site e esse recurso veio a calhar.
    Apenas um detalhes que talvez você possa me dar uma luz. Tudo funciona exatamene como deve em todos os navegadores, exceto… o famigerado IE, nele acontece um comportamento estranho, a barra fica com a altura de duas imagens, correndo normalmente a de cima e uma unica embaixo. Você tem idéia do que poderia estar ocorrendo? Te agradeço demais por esse recurso.
    http://www.megaraspadinha.com/projeto2012/

    • Adriano Luz disse:

      Olá, André!

      Fico feliz que tenha gostado do recurso! Com a planilha, fiz o possível para facilita ao máximo o processo de criação.

      Visitei seu blog e vi que o banner não está mesmo funcionando corretamente no IE. Como meu banner de exemplo deste artigo funciona lá, uma possibilidade é que haja outro código que esteja causando conflito com este (como o banner_rotativo_temporizado.js, por exemplo).

      Uma possibilidade é você tentar remover temporariamente esse outro código, para avaliar se o banner funcionará. Outra possibilidade é solicitar ajuda diretamente ao criador desta biblioteca em http://www.smoothdivscroll.com/helpAndSupport.html

      Um abraço!

  48. andre henning disse:

    Obrigado por sua atenção. Vou aplicar essa sugestão e te dou um retorno. Realmente o IE é uma droga no processo de interpretar o código, e inclusive também não consegue processar o js referido ao contrario de todos os outros navegadores.
    Por cotna disso vou tentar uma solução JQuery para o banner também, se tiver uma sugestão sou todo ouvidos…
    Abraço grande e sucesso!

  49. Muito bom, achei super prático estava a muito tempo procurando um codigo assim

  50. Anônimo disse:

    Parabéns, gostei muito do seu do seu post, estava precisando muito de uma ferramenta como essas.
    Entretanto estou com uma duvida e gostaria de saber se você poderia me ajudar. Eu gostaria que cada imagem que passse pelo banner, desse uma "parada" pra ter mais tempo para ser visualizada. Isso é possivel!? Se sim, como faço para faze-lo.
    Muito Obrigado

  51. lc_flik disse:

    Ola Adelson, gostaria de lhe agradecer pelo conteudo de seu blog. Depois de dias procurando inforamaçoes em diversos blogs o seu foi o unico que ofereceu dicas que realmente funciocem.
    Muito obrigado.

  52. Ola Adelson Smania td bem? sou o dono do Blog: http://portalorionvideos.blogspot.com.br/ e utilizei seu banner… mt legal parabéns… mas eu qria outro tipo de banner bom para te dar um exemplo claro vá até o site da http://globo.com/salvejorge e vc v q tem um quadro q mostra alguns destaques… assim tem uma foto e descrição, em poucos segundos muda para outra foto e descrição. Eu qria um banner assim e ai vc pode me ajudar!?
    Parabéns msm…

  53. Leon disse:

    Olá, muito bom mesmo o wideget, acho que me ajudará e muito. Eu vim para mostrar o resultado no meu blog http://wardbaron.blogspot.com.br

    Gostaria de saber, se não for muito, porque o banner para de correr as vezes e também na hora de carregar o site ele meio que duplica as imagens.

    Obrigado.

    • Adriano Luz disse:

      Olá, Leon!

      Eu visitei seu blog e vi que o banner ficou ótimo nele! Você fez mesmo excelente uso dele.

      Em minha visita, não notei os problemas que você citou. Mas, é possível que eles ocorram enquanto as imagens e demais elementos do seu blog estão carregando. Uma sugestão que lhe dou é que você leia o artigo Como descobrir o que deixa seu blog lento, para avaliar se você consegue diminuir o tempo de carga de seu blog, o que pode também resolver o problema do banner.

      Um abraço!

  54. Leon disse:

    Mais uma vez obrigado pela atenção.

    Descobri que a resolução do meu background está muito grande, vou tentar arrumar isso. Foi de grande ajuda.

  55. Ricardo Valle disse:

    Não consegui colocar imagens e/ou fotos no banner rotativo,peço sua ajuda de forma mais clara.copiei o codigo mais n sei como inserir o q desejo.um abç gostei mto das suas postagens q são de fundamental ajuda p nós blogueiros de plantão.

  56. Gustavo disse:

    essa planinha tem senha , qual é esse senha meu deus ??

  57. Nilton Silles disse:

    Adelson, Consegui , mas somente com o auxílio da sua planilha. Valeu! abç!

  58. Cara só tenho uma palavra para descrever MUITO OBRIGADO. Desculpa por ter gritado, mais estava louco a procura de algo assim, e o melhor do tudo fácil. Valeu mesmo pelas dicas. Senão for incomodo segui o resultado
    http://www.rockdown13.com

    Abraço e fique na paz.

  59. Nanda Campos disse:

    Esse código, nem nenhum outro funcionou! Os outros as imagens nem apareceram. Nesse as imagens ficam uma de baixo da outra e nem se movimentam, me ajuda por favor?

    • Adriano Luz disse:

      Olá, Nanda!

      É difícil dizer o que pode ter acontecido em seu blog. Você pode fazer um teste: salve o código do gadget em um arquivo, chame-o de teste.html e tente abri-lo em seu navegador.

      Se as imagens se moverem corretamente nele, significa que está havendo conflito ente o código do banner e algum código que já existe em seu blog.

      Um abraço!

  60. NEO disse:

    a altura da pra definir na planilha de boa

    mas qual a largura padrão dele ? só pra configurar aki no meu blog

    obrigado

  61. Alemão7273 disse:

    Olá Adelson. Obrigado pelo banner rotativo, funcionou perfeitamente no meu blog. Eu havia utilizado a planilha excel, mas como queria mais imagens, eu fui mudando e coloquei 63 imagens. No primeiro dia ficou jóia, mas depois ficou muito lento, devido ao carregamento de imagens. Aí acabei voltando as 20 imagens como na planilha. Ficou Show. Mais uma vez obrigado, e parabéns pelas suas postagens.

    • Adriano Luz disse:

      Olá, Alemão!

      Realmente, o gadget ficará lento com muitas imagens – especialmente se os arquivos forem grandes. Isso ocorre porque todas elas precisam ser carregadas antes da animação começar a ser executada.

      Um abraço!

  62. Adelson obrigada pelo banner. Adorei. No meu blog posto trabalhos artesanais, mas queria destacar as postagens dos trabalhos que são disponibilizados para venda. Ficou ótimo.
    Só que queria localizar o banner logo abaixo da descrição do blog. Não consegui, por que não aceita a configuração (as imagens não aparecem rolando lado a lado), mas no rodapé da página funcionou direitinho.
    Para ficar como está no blog, tive que adicionar o gadget primeiro no rodapé e somente após no topo. Se retirar o do rodapé não dá certo. Possivelmente fiz algo errado (rs) mas não consegui entender o que foi, assim deixei os dois banners (acho que isso deixou a página meio lenta). Se você puder me dar uma dica de como solucionar o problema, ficarei imensamente feliz.

    Seu blog é muuito interessante, e com certeza vai me ajudar bastante.

    Um abraço,

    Abigail

    • Adriano Luz disse:

      Olá, Abigail!

      A situação que você relata é bem diferente. Eu acredito que haja outro código em seu blog que estava entrando em conflito com este aqui. Assim, acredito que não tenha sido erro seu, mas uma limitação do seu template.

      Um abraço e seja sempre bem vinda!

  63. Miguel Campos disse:

    Olá Adelson. Gostei do site e do artigo. Vc poderia me dizer qual tag de html eu uso para fazer uma frase formatada ou não, ficar em movimento contínuo sem espaço em branco igual do baner?

  64. Ficou perfeito! Parabens e obrigada por compartilhar o seu conhecimento consco!

  65. PCOGAMES disse:

    ERA ISSSSSSO MESMO QUE EU ESTAVA PROCURANDO ADELSON VALEU MEU OBRIGADO POR COMPARTILHA.

  66. Olá! coloquei esse banner no meu blog e ficou maravilhoso!, só que hoje começou a dar problema, ele não funciona e as imagens ficaram espalhadas no site e ficou muuuuuito pesado….sabe o que aconteceu? grata Jane

    • Adriano Luz disse:

      Olá, Jane!

      Eu visitei o seu blog, mas não encontrei o banner instalado nele para avaliar o que ocorreu. Se ele estava funcionando antes, é possível que tenha sido apenas um problema temporário – ou que ele tenha parado de funcionar devido à instalação de outro código ou gadget.

      Um abraço!

    • Bom dia! como ele estava deixando o meu site lento tirei para ver se hoje voltava, fiz um teste e voltou normalmente! UFA! ainda bem, pois esse banner faz toda a diferente na minha loja virtual e blog, muito obrigada pela atenção!! Jane

  67. juulio disse:

    Ola amigo. Gostei muito do painel, mas nao durou muito. Não sei o motivo mas parou de funcionar hoje, dia 18/02. Nao foi so no meu blog, mas de um amigo tambem. Oque eu faço?!?
    Se puder de uma olhada no meu blog pra ve se tem algo errado http://clandjb.tk/

  68. Muito legal,,, mais um pouquinho complicado. Na verdade eu queria muito saber é como colocar banners rotativos. Até agora não encontrei nada falando como fazer isso.. ví um por aí mais não funcionou, dei uma pesquisada aqui no Gerenciando Blog e também não encontrei.. Caso saiba como fazer ficaria muito feliz se passasse pra nós.

    Abraço..
    Edivaldo Chaves.

    • Adriano Luz disse:

      Olá, Edivaldo!

      Sinto que ainda tenha achado complicado. Com a planilha que gera o código sozinha, imaginei que tivesse ficado bem simples para colocar em qualquer blog.

      Infelizmente, o banner funciona apenas para imagens, não sendo possível utilizá-lo com códigos de programas de afiliados. Para ter bom resultado com eles, não acredito que seja uma boa ideia colocá-los em um banner rotativo. O ideal é colocá-los em posição de destaque em seu blog.

      Um abraço!

  69. Opa vim agradecer estava a procura de algo assim esta lindo no meu blog.

  70. Lindomar disse:

    Bom dia Adelson.
    Existe um numero de vezes para se utilizar os gerenciadores de banners rotativo.
    Depois de ter feito um banner, precisei apagar duas imagens e colocar outra mas não tem jeito de dar certo.
    Ele estava funcionando no site a mais de 6 meses.
    Quando coloco nova figura ele não busca ela.
    O que posso fazer.

    • Adriano Luz disse:

      Olá, Lindomar!

      Não há limites para uso do banner. O que pode ter ocorrido em seu caso é que haja outro código em seu blog que esteja causando impacto no banner rotativo.

      Um abraço!

  71. Olá Adelson, gostei muito da dica do Banner Rotativo, mas gostei mais da planilha em excel – (rsrs), simplifica tudo, fica muito mais facil.
    Obrigado por compartilhar.
    Grande Abraço.

    • Adriano Luz disse:

      Olá, Eduardo!

      Que ótimo saber que você gostou da planilha! Eu a desenvolvi como uma forma de facilitar o trabalho de configuração de quem quer utilizar o banner e outros recursos que disponibilizo aqui no Gerenciando Blog.

      Um abraço!

  72. Olha eu por aqui outra vez… como sempre muito bom seus posts!
    Eu quero muito esse banner no meu blog (www.artgrazi.com.br) tenho um, mas com marca d'água. Só que quando eu coloco, as imagens ficam lado a lado e embaixo umas das outras, quer dizer, não roda. Uso o google chrome e preenchi através da planilha. As imagens e link´s aparecem corretamente.
    Se puder me ajudar agradeço. Parabéns e obrigada pelos tutos!

    • Adriano Luz disse:

      Olá, Grazi!

      Normalmente, o que ocorre nas situações em que o banner não funciona é que está havendo algum conflito com outro recurso que você tenha instalado em seu blog.

      Se você precisar de nosso apooio para analisar seu blog e fazer o banner funcionar corretamente, por favor entre em contato pelo menu de Serviços.

      Um abraço!

  73. Lucio Kallas disse:

    Olá, eu instalei isso há algumas semanas mas somente agora tive tempo de postar umas fotos com esse aplicativo. Realmente, é muito mais fácil baixando a planilha. Nota 10, o meu blog ficou melhor graças a esse aplicativo. Muito obrigado!

    • Adriano Luz disse:

      Olá!

      Apesar da planilha estar protegida, isso não impede a geração do código. Basta preencher os campos, clicar na célula "Código do seu gadget" e preessionar CTRL+C para copiá-lo.

      Um abraço!

  74. Olá! como posso incluir mais linhas na planilha?, já preenchi todas e preciso de mais! grata Jane

  75. HÁ ALGUMA FORMA DE AUMENTAR O NÚMERO DE IMAGENS EXIBIDAS?

    Não li todas as mensagens acima cuidando que nenhuma respondia às minhas necessidades. Consegui regular o tamanho da janela e o das imagens, porém gostaria de acrescentar muitas outras imagens,mas só funciona apenas com algumas, terminadas as quais, pára de mostrar.

  76. testele disse:

    Oiee Bom dia, tem como colocar a setas dos lados, em vez dele ficar passando? Ai a pessoa escolhe qual imagem ela quer ver e se quer troca de slyde para um outro

    Le Pimenta – http://loucaescrivaninha.blogspot.com.br/

  77. Olha, PERFEITO.. Estava procurando isso ha tempos.. E sabe o melhor? VocÊ pode colocar dentro da postagem.. copiei tudo seu codigo, colei dentro de uma postagem minha e ficou perfeito.. igualzinho num campo de Gadget. Muito obrigado, vou usar muito. –> http://www.comprandoemorando.com

    • Adriano Luz disse:

      Olá, Rodrigo!

      Você tem razão: embora não seja um uso muito comum, é mesmo possível colocar o banner dentro da própria postagem.

      Foi exatamente isso o que fiz para mostrar o banner de exemplo neste artigo.

      Um abraço!

  78. Olá Adelson, super show de bola cara…
    Seu script ficou muito bem no meu blog, adorei, maravilhoso.
    Muito Obrigado e sucesso para você cara

  79. Olá, como já disseram ai em cima, na minha página funciona beleza no Chrom e Mozila, mas no IE nem a pau.. veja: http://www.comprandoemorando.com/2013/04/fotografias-de-lugares-abandonados.html

    • Adriano Luz disse:

      Olá, Rodrigo!

      O mais estranho é que o banner que utilizei nesta postagem – que é o mesmo que mostro como utilizar – funciona inclusive no IE.

      Mas, infelizmente, o IE continua apresentando sérias restrições de funcionamento quando comparado a outros navegadores.

      Um abraço!

  80. Paula disse:

    Oi Adelson, adorei essa dica do banner rotativo. Gostaria de saber tb se vc tem alguma dica sobre como inserir light box para captar cadastro no blog, sabe aqueles que abrem como pop up para preenchimento de nome e email? Meu site é em wordpress.

    • Adriano Luz disse:

      Olá, Paula!

      Fico feliz que tenha gostado!

      Infelizmente, não tenho nenhum artigo para indicar sobre o assunto. Mas, acredito que seja simples encontrá-lo pelo Google.

      Um abraço!

  81. Excelente e genial, parabéns.

    tentei aplicar ao meu blog, mas infelizmente as imagens ao invés de incorporarem ao espaço do banner, ficam uma em baixo da outra, estragando completamente o meu layout. Tentei aplicar em outro blog de teste e funcionou normalmente. Você tem alguma idéia do porquê meu blog se comportar dessa maneira? Obrigado e parabéns pelo artigo!

    • Adriano Luz disse:

      Olá!

      Obrigado pelos elogios!

      É bem provável que esteja ocorrendo conflito do script necessário para o banner com outro script que já está instalado em seu blog. Seria necessário uma avaliação mais detalhada para encontrar a causa do problema.

      Um abraço!

  82. muito bom mesmo, muito obrigado por nós proporcionar e dividir algo tão bacana, muito sucesso na sua vida.

  83. Nadja Moreno disse:

    Olá!

    Estava procurando este Gadget e o encontrei em seu blog. Funcionou perfeitamente. Caso queira ver o resultado, segue o link.

    http://escrev-arte.blogspot.com.br

    Abraços. Boas leituras!

  84. Perfeito! valeu mesmo, tava precisando!

  85. Olá Adelson

    Sensacional! Seu post realmente me ajudou! Já tinha feito outras tentativas através de outros blogs e nada!

    Só queria te pedir uma outra ajudinha, se possível.

    Quando eu adicionei o banner rotativo na parte superior do blog, a minha guia desconfigurou. A cor da guia misturou com a cor de fundo e isso ficou um pouco feio. Você saberia me dizer como eu posso fazer para arrumar?

    Se você tiver um tempinho veja como ficou: http://viagensbydani.blogspot.com.br/

    Muito obrigada!
    Danielle

    • Adriano Luz disse:

      Olá, Danielle!

      Vi o resultado em seu blog. Isso aparentemente está ocorrido devido ao local onde ele foi colocado, que assume mesmo o layout da barra de menu.

      Uma possibilidade é você colocar o gadget em outra área do seu blog, mais abaixo de onde está hoje.

      Um abraço!

  86. Val Medrado disse:

    A d o r e i ! Vou usar e depois passo aki pra dizer se deu certinho
    Obrigada!

  87. Amigo no meu blog não funcionou de jeito nenhum, fica uma imagem embaixo da outra e não rola pq???

    • Adriano Luz disse:

      Olá, Edson!

      Se você fez toda a instalação corretamente, ema possibilidade é que tenha ocorrido conflito do código deste gadget com outro que já exista em seu blog.

      Um abraço!

  88. Patrícia disse:

    Olá,
    Só agora vi aqui esse gadget e corri pra colocar no blog. Adorei, super fácil de configurar e leve. Há muito tempo queria colocar uma coleção de fotos na parte superior do blog, mas só encontrava sugestões no estilo slideshow, e esse banner rotativo é exatamente o que eu queria.
    Fiz algumas alterações de tamanho e quantidade de fotos, funciona perfeitamente.
    Mais uma vez obrigada por partilhar essas dicas conosco.

    Patrícia
    http://www.patriciaaprendendo.com

  89. Oi Adelson

    Muito boa a dica, obrigado.

    Usei a dica de sua planilha para ver se funcionava em meu blogspot, ví tudo certinho só não ví as propagandas rolarem para a direita ou esquerda. Ficaram paradas.
    O que faltou amigo.

    Obrigado

    Carlos

  90. Boas Adelson,

    Acho a dica bem interessante e segui os passos todos mas não consigo gerar o código porque informa que está protegida e pede a pass ! o que fazer ?

    Um abraço !

  91. Olá Adelson,
    Parabéns pelo Blog! Muito bom mesmo!!
    Cara tentei colocar no meu site ultilizando o Gerador, mas a imagens ficaram uma embaixo da outra e paradas.
    Como faço para resolver isto?

    • Adriano Luz disse:

      Olá, Luiz!

      Caso o processo tenha sido feito corretamente e não tenha funcionado, é bastante provável que tenha ocorrido algum conflito do script com outro código que já esteja em seu blog.

      Para descobrir a causa, seria necessário avaliar seu blog para entender o motivo de não ter funcionado.

      Um abraço!

  92. marco disse:

    Coloquei no meu blog, o slide principal do template parou de funcionar =(

    Tive de retirar mas com o coração doendo tinha ficado tão bonito :C

    • Adriano Luz disse:

      Olá, Marco!

      O seu caso deve ser similar do ao do Luiz. Infelizmente, não há uma solução pronta para esse caso. É necessário analisar o código dos dois gadgets para avaliar como fazê-los funcionar ao mesmo tempo.

      Um abraço!

  93. Não tem ideia de como amei esse artigo.
    Comecei a montar meu blog do nada, sem saber muito sobre o mundo virtual. Por sites e blogs como este que eu posso ter meu espaço na internet. Só tenho a agradecer pelo compartilhamento do conhecimento e trabalho de cada profissional que, de uma forma ou de outra, ajudaram a compor esse meu espaço.
    Obrigada.
    Grande abraço.

    • Adriano Luz disse:

      Olá, Graziella!

      Que ótimo saber que o artigo a ajudou tanto assim! Fico mesmo feliz com isso, pois esse é o principal objetivo do Gerenciando Blog.

      Um abraço e seja sempre bem vinda!

  94. Elton Rios disse:

    Olá Adelson, muito legal este banner, parabéns e obrigado.
    Meu Excel é o 2003 e não sei se por esta razão mas não gera o código pela planilha.
    Fiz na mão mesmo mas sempre após a última imagem passa um link quebrado e depois reinicia. Já olhei e olhei… sei que tem algo errado mas não consigo enxergar. Tem idéia do que possa ser?
    Meu blog: www,viajandodemotoporai.com.br

  95. espetacular,sensacional,etc.etc.etc.etc.valeu,obrigado

  96. Robson Moraes disse:

    Valeu Adelson, muito legal era tudo o que eu estava precisando, Obrigado.

  97. alo,esta dica é perfeita,mesmo em um blog onde não rodava eu usei como menu lateral com imagens abrindo link interno na mesma aba ficou otimo,enquanto não acho um jeito dele rodar neste blog especifico eu vou usando assim mesmo,não vou pedir para voce analisar onde ta errado porque este é um blog de conteudo adulto e pode ser um pouco constrangedor para voce que com certeza tem um publico mais seleto,em outros dois blogs rodou bem,virei fã do seu blog,obrigado.

    • Adriano Luz disse:

      Olá, Sergio!

      Se ele não roda apenas em um blog específico, é bastante provável que haja outro código JavaScript nele que esteja causando conflito. Tente avaliar se isso resolve o seu caso.

      Um abraço!

  98. Edson Neto disse:

    Adelson, o meu só está funcionando na sidelbar, quando deixo ele abaixo do banner ou da barra de páginas, ele simplesmente deixa as imagens espalhadas ao longo da página e não as une mesmo após o fim do carregamento.

    Como corrigir?

    • Adriano Luz disse:

      Olá, Edson!

      É difícil saber o que está causando o problema em seu blog. Normalmente, isso ocorre quando há conflito com outro gadget que também utilize um código JavaScript.

      Um abraço!

  99. professor adelson,uma pergunta,tem como colocar aquele efeito de zoon nas imagens postadas no blog?tipo,a pessoa clica e a foto aumenta de tamanho,é possivel?obrigado

  100. Bom dia, estou tentando fazer banner rotativa, porém não consigo, ja estou com a planilha, mas mesmo assim as imagens nao aparecerem, so aparece o ponto de interrogação. O link da imagem pode ser de qualquer lugar, ou tem um lugar especifico no blog que essas imagens tem que ser armazenadas?

    • Adriano Luz disse:

      Olá!

      As imagens podem estar em qualquer lugar a partir de onde possam ser acessadas pela internet. A forma mais simples de confirmar isso é copiando o link e colando-o na barra de endereço do navegador, sem estar logado em sua conta do Google. Se ela abrir, o link está correto.

      Um abraço!

  101. Olá Adelson
    esse plugin Smooth Div Scroll funciona no wordpress, tentei instala-lo mas não foi reconhecido.
    um abraço

  102. Maria disse:

    OI! obrigada pela dica, eu coloquei uma lista de livros e ficou bem prático.
    Tem 2 problemas: 1) quando abre o blog, as imagens aparecem, primeiramente, uma abaixo da outra, depois se organizam…não queria que ficassem assim… é o tamanho? hospedei no imageschack e deixei tamanho de avatar…
    2)quando passa o mouse o rolamento automatico pára,tem como deixar que continue correndo?
    obrigada!

    • Adriano Luz disse:

      Olá, Maria!

      1. O efeito que você cita das imagens serem mostradas uma abaixo da outra realmente ocorre. A forma para minimizar isso é deixando as imagens com o menor tamanho possível e em um serviço mais rápido.

      2. Acredito que não seja possível manter o movimento ao passar o mouse em cima do banner. Procurei nas opções e não encontrei.

      Um abraço!

  103. Fabiana MX disse:

    Olá, baixei a planilha, mas ao fazer as alterações não é gerado o código automaticamente se apago todos os campos continua o seu código o que pode ser?

    • Adriano Luz disse:

      Olá, Fabiana!

      Infelizmente, não imagino o que possa ter ocorrido para ter esse comportamento estranho. Uma solução é gerar o código manualmente, como mostro no exemplo do artigo.

      Um abraço!

  104. Ola Adelson, inicialmente uma designer fez o nosso blog e colocou seu gadget, muito legal obrigada! Mas estou tendo problemas para atualiza-lo, eu mesma, com novas fotos pois a planilha nao funciona no meu MAC, nao gera o codigo novo. Alguem ja teve este problama? Sabe como posso contornar a situacao sem precisar de um PC? Obrigada!

    • Adriano Luz disse:

      Olá, Trench!

      Infelizmente, a planilha só está mesmo testada e funcionando corretamente para Windows. Futuramente, pretendo fazer uma página que gere o código.

      Enquanto isso, a única saída é mesmo usar a planilha no Windows ou alterar manualmente o código.

      Um abraço!

  105. Ha tempos eu vinha sentindo falta de algo assim. Vou colocar isso o quanto antes no meu blog que fiz recentemente para compartilhar os PAPs dos meus trabalhos.Sou artesã e isso é perfeito para meus trabalhos prontos. Vou ter que dar uma boa estudada antes pois não sei como gerar o código das imagens. Muito obrigada mesmo. Adorei este artigo Adelson. Quando eu achar algo assim, na vertical, para colocar minha lista de blogs que sigo sem ocupar tanto espaço, o link para este site vai constar também.

    • Adriano Luz disse:

      Olá, Caroline!

      Torço para que o gadget seja útil para você!

      No outro artigo que indico no início da postagem há uma solução que, embora seja mais simples, funciona também na vertical.

      Um abraço!

  106. Olá,excelente o post,sei que vai me ajudar bastante,vou tentar colocar e depois volto para dizer o resultado!
    Abraços!

  107. acho isso mto legal, vou tentar em breve! Qq coisa eu volto aqui rs.

  108. Fantástico este artigo.
    Irei colocar no meu Blog de Downloads.

    Parabéns eu estava procurando como fazer isso.

  109. adelson eu não consigo colocar mais gadget no meu blog pois quando vou até o html e coloco o codigo nunca que aparece no blog e quando vou sair a mensagem aparece ainda não foram publicadas deseja sair desta pagina. me dê uma dica

  110. OI Adelson!! Muitíssimo obrigado pelo presente. Eu estava há tempos com problemas em meus banners apenas no Google Crome. Com a sua ferramenta resolveu. Aliás ficou muito mais fácil por conta do Excell. Parabéns… Caso queira ver o resultado procure por radio de bem com a vida ponto com.Como faço para fazer a rolagem vertical ao inves da horizontal??? Também gostaria de saber onde encontro um aplicativo em que eu possa fazer um "mural de avisos" de forma mais simples do que criar banner e que tb possa ser dinâmico. Algo em que eu possa escrever em uma matriz e ela reproduza um código para inserir no site. Muito parecido com a ferramenta que vc disponibilizou.

  111. Parabéns pelo site, e pelo post que sinceramente ajudou muito no meu blog, sou novato nisso afinal só tenho um mês de blogger então tudo que eu encontrar de novidades validas será extremamente necessario nesse inicio novamente parabéns e obrigado está de parabéns.Grande abraço.

  112. Vinny cds disse:

    NÃO FUNCIONOU AQUI, ficou sem o efeito rolativo.. so ficou com as imagens na pagina..

    • Adriano Luz disse:

      Olá, Vinny!

      Um motivo pelo qual isso pode ocorrer é haver conflito em outro gadget ou script em seu blog. Para descobrir o motivo, seria necessário fazer uma análise específica do seu blog.

      Um abraço!

  113. Geovan Alves disse:

    Cara, tenho um blog e coloquei o banner rotativo, ficou muito bom o resultado. Mas eu gostaria de colocar o banner sem as setas, assim como mostra um modelo aqui na pagina.

  114. Olá Adelson!

    Utilizei sua planilha do excel, e foi excelente! Está funcionando normalmente, porem as imagens que tenho hospedadas no flickr não estão funcionando, será que é problema no flickr? Recomenda algum outro site para hospedagem? Obrigada

    • Adriano Luz disse:

      Olá, Larissa!

      Não sabia dessa limitação com o Flickr! Você pode tentar colocar as suas imagens no Google+ ou mesmo no Blogger, em um blog apenas com as postagens para contar imagens.

      Torço para que uma das soluções funcione para você!

      Um abraço!

  115. Calopcita disse:

    CARA VC ME SALVOU AGORA POSSO PUBLICAR …. ESTAVA TENTANTO TODO TIPO DE CODIGO PARA INSERIR EM HTML SEM INTERFERIR NA ESTRUTURA DO MEU SITE E SO O SEU CONSEGUIU VC ESTA DE PARABÉS E MUITO OBRIGADO

  116. Muito bom, muito boa a dica tbm rs… vou tentar colocá-lo no meu ! Obrigado!

  117. Anônimo disse:

    Bom dia Adelson,
    estou usando a planilha do excell para colocar o banner em um site. No entanto, as imagens não aparecem. Os link funcionam, mas não vejo a imagem. Já tentei vários formatos de como "nomear" a célula das imagens sem resultado. Pode me dar alguma orientação? Obrigada. Marina

    • Adriano Luz disse:

      Olá, Marina!

      As imagens devem ficar em um endereço válido para ser acessado da internet. Ele deve ser iniciado por http:// ou https:// e ser acessado corretamente pelo seu navegador (o Chrome ou Internet Explorer, por exemplo).

      As suas estão assim?

      Um abraço!

  118. Antes que mais nada, parabéns pelo trabalho, lindo. Usei no blog que adm da minha comunidade. http://comunidadesaofilipe.blogspot.com.br/ não sei se é a internet que esta lenta aqui, mas quando carrega o blog as imagens do banner ficam uma embaixo da outra, deformando o layout do blog. Tem uma maneira que isso não ocorra? Desde já muito obrigado e parabéns mais uma vez

    • Adriano Luz disse:

      Olá, Gonçalo!

      Obrigado pelo elogio!

      Infelizmente, este e outros modelos de banner sempre precisam primeiro carregar todas as imagens, para só depois mostrá-las no efeito correto.

      O que você pode tentar fazer para minimizar esse problema é diminuir o tamanho dos arquivos das imagens, para que elas possam ser carregadas mais rapidamente. O artigo Como otimizar imagens para o seu blog pode ajudá-lo nisso.

      Um abraço!

  119. Marcos disse:

    Esse novo Banner Rotativo não esta funcionando.

    • Adriano Luz disse:

      Olá, Marcos!

      Eu confirmei aqui e em outros blogs onde coloquei esse banner e tudo está funcionando corretamente.

      Você consegue ver funcionando o banner que está na Introdução deste artigo? Se não conseguir, isso pode indicar um problema em seu navegador ou computador.

      Um abraço!

  120. Oi Adelson,
    Acho que nunca enviei um comentário com tanto gosto como estou fazendo agora. PARABÉNS! Conheci seu blog há 2 semanas e, desde então, todos os dias estou por aqui, aprendendo demais com você e aplicando aos poucos os "seus ensinamentos" no meu humilde blog…rsrsrs. Pra alguém leiga como eu, ter acesso à informações precisas, com qualidade e tão simplesmente explicadas como as deste blog, me faz sentir cada vez mais estimulada para ir adiante…sempre. Já inclui seu blog na minha lista de favoritos! Obrigada, beijos e muito sucesso!

    • Adriano Luz disse:

      Olá, Adriana!

      Muito obrigado pelo seu comentário tão caloroso! Fiquei feliz demais ao lê-lo!

      E torço para que você encontre sempre aqui dicas úteis para utilizar em seu blog. Caso tenha dúvida sobre algum artigo específico, é só deixar um comentário nele e a ajudarei com prazer.

      Um abraço!

  121. Vaiquemoli disse:

    Boa Tarde Adelson,
    O armazenamento no Picasa dá certo nas fotos ?

  122. Vaiquemoli disse:

    Complementando meu comentário anterior…
    As minhas imagens começam com http:// ou https abrem corretamento no meu PC….
    é não abrem…na postagem…

    • Adriano Luz disse:

      Olá!

      As imagens podem estar hospedadas em qualquer serviço (inclusive o Picasa) desde que estejam públicas, ou seja, possam ser acessadas sem necessidade de estar logado no serviço.

      Você pode confirmar isso copiando o endereço da imagem e tentando abri-la em uma janela anônima do seu navegador. Se abrir corretamente, significa que funcionarão também no banner.

      Um abraço!

  123. Era o que eu estava procurando!!! Muito obrigada!!

  124. Noticias disse:

    Adelson, veja o link do meu blog. Na parte de cima do blog tem um código marquee que eu coloquei pra ele aparecer no topo do blog com algumas noticias. A minha pergunta é: Tem como colocar esse código pra ser editado lá na área lateral do blog em gadgets?

    Por exemplo, sempre que eu for mudar o texto pra colocar uma noticia nova, eu tenho que modificar pelo html do blog. Tem como fazer algo pra eu modificar por algum gadget que eu colocar na lateral mas que o widgete continue aparecendo no topo?

    obrigado

  125. AD Vila Rau disse:

    TEM ALGUM CÓDIGO DE BANNER ROTATIVO (E NÃO DESLIZANTE) QUE MUDA A CADA ATUALIZAÇÃO DA PÁGINA DO BLOG?

  126. muito obrigado me ajudou muito

  127. Greicy B. disse:

    Amo o seu blog e as suas postagens… mas nessa você se superou.. excelente… excelente!!
    Essa facilidade da planilha pronta foi ótima!
    Muito grata!

    • Adriano Luz disse:

      Olá, Greicy!

      Que ótimo saber que goste tanto assim das postagens!

      A ideia da planilha é justamente facilitar a geração do código do gadget. Fico feliz que você tenha gostado!

      Um abraço!

  128. Não entendi nada. Comigo tem que ser tudo no be-a bá mesmo. Se não for no passo a passo, não dá. Eu comecei com um blog há pouco tempo, e todos os gadgets que coloquei nele, foi fuçando no google o mais fácil possível. Mas o banner, que eu quero tanto, não consegui entender aqui. É que essas coisas técnicas, nomes técnicos, eu ainda não estou familiarizada. Se a galera entendeu, deve estar acostumadas a esses códigos, nomes, sei lá. SOCORRO!!!!

  129. Como eu faço para anexar as imagens que estão no computador e não em um site?

  130. Flavio Souza disse:

    Olá Adelson,
    Sua planilha está sendo de grande valia, obrigado. Porém, para uma melhor apresentação em meu site faço pequenas adaptações no código. Hoje estas alterações são feitas manualmente, todas as vezes que crio um banner. Você poderia me enviar a senha, ou uma planilha desprotegida, para minimizar este processo. Muito obrigado pela ajuda ([email protected])

  131. Networld disse:

    precisa de senha na parte amarela da planilha Excel

  132. Tá de parabéns, Adelson, muito útil e fácil seus scripts, sem contar que o Formulário é uma mão na roda, sou consultor de Marketing Digital, sou responsável pelo Marketing Digital da maior imobiliário no Rio de Janeiro, a Patrimóvel, além dos meus clientes individuais, sou meio chereta em Web Design, mais sempre procuro me aprimorar, e estava precisando de um banner rotativo, e achei aqui o que precisava, muito bom.

  133. oi queria saber como diminuir a velocidade de rortação
    meu email e ([email protected])

  134. Sempre inovando. Gostei muito das dicas de vocês. . Seu banner está no meu blog a muito tempo. Na area de blogs parceiros. Um abraço

  135. Jade Graham disse:

    Só tenho a agradecer pelo compartilhamento do conhecimento e trabalho de cada profissional que, de uma forma ou de outra, ajudaram a compor esse meu espaço.

  136. Suely disse:

    Boa Noite Adriano

    Depois de passar mais de 12 horas procurando um meio de colocar imagens rolando na pagina. Encontrei seu blog no Google. Eu faço sites, mas sou leiga em alguns assuntos, tinha um rapaz que fazia a parte de PHP e scripts pra mim, mas hoje estou sozinha. Hoje baixei vários Jquery e quase enlouqueci rsrs. No final da tarde ate conseguir montar um. Mas preciso de dois, estou fazendo o site da minha igreja, e gostaria de usar dois banners rotativos. Um vou colocar as imagens dos ministérios, o outro as imagens da liderança. Não acredito que depois de horas fritando os miolos, encontrei um meio tão simples o qual você postou. Mas tenho algumas duvidas. como eu tiro a seta, baixei a tabela em excel,
    mas não achei o código no html que copiei do blog. e também onde altero a velocidade. A sua explicação foi excelente, mas é que estou perdida mesmo na parte da cor roxa,

    aqui esta a pagina que fiz

    http://www.stylloswebsites.com.br/testes/Untitled-1.html

    espero que possa me ajudar.

    Deus o abençoe

  137. Felipe Almeida disse:

    Ei cara, muito obrigado mesmo, acabei de testar e fiquei muito satisfeito não só pelo resultado, mas também pela explicação clara que encontrei em seu blog.
    Obrigado mesmo, muito sucesso!

  138. adorei o blog… mas tenho uma duvida… gostaria de saber onde colocar aquele codigo bem grandao la…se e no coisa do html ( se sim… onde e se naum… tenho que colocar onde ? )
    devo ja ter mandando essa pergunta, mas deu um problema aqui e to mandando denovo por naum sei se a anterior foi mesmo

  139. Eu adorei as dicas.

    Eu já coloquei no meu blog e vou usar sempre.

    Obrigada pela ajuda e sucesso!

    Beijos

  140. Beto disse:

    Olá. Adicionei o script no meu blog, mas estou tendo um problema. A imagem desliza uma única vez e para no ultimo arquivo.

    o que posso fazer?

    Obrigado

  141. muito bom seus artigos continui

  142. Anônimo disse:

    Utilizava o Slide ate o ano passado, quando começou a apresentar bugs, vivia acelerado, não parava, se perceber até o slide de exibição do post não está funcional. Sabe dizer o por que?

  143. Haul disse:

    O slide não esta pegando mais, tem alguma outra alternativa de slide parecido?

  144. wconan100 disse:

    Parabéns pelo otimo trabalho só tenho uma duvida tem limites de imagens só estou conseguindo visualizar 4 imagens por favor olhe o link http://wconan100.blogspot.com.br/

  145. Muito bom, mais eu acho que deveria ter um Botão para ir e voltar.

  146. Alex Sandro disse:

    Amigo a algum tempo eu utilizo esse plugin no meu blog e gosto muito pois da um visual bem dinamico. infelismente o plugin não esta funcionando mais e eu não sei hospedar os plugin. Você poderia arrumar o plugin dos banners rotativos ? desde já agradeço. aguardo ancioso.

  147. Só quero colocar palavras. Como faço? Não quero imagem em meu banner.

  148. Esse gadget é muito legal. Eu utilizei o gadget da primeira planilha e funcionou perfeitamente. Depois de um tempo ele parou de funcionar, aí encontrei esse artigo com a atualização e fiz um novo teste, mas continua a não funcionar no meu blog. E agora? Quem poderá me ajudar?

  149. a planilha quando tentei copiar deu erro o conteudo e bloqueado

  150. Olá,
    Você, ainda está respondendo pergunta sobre este artigo?

    Obrigado!

    Marcos

  151. Dicas UP disse:

    Ele não está funcionando mais….eu usava no meu blog…parou de funcionar…

  152. Olá, Adelson!
    No meu blog ele funcionava muito bem, agora não consigo fazer rotacionar, ele esta estatico.Veja http://buscarpecasonline.blogspot.com.br/

  153. Boa Tarde, está pedindo uma senha para Libera a Alteração

  154. Alvaro disse:

    Estou a tanter incluir as fotos no arquivo em excel da certo ate coloco gadget do bloger mas na hora de visualizar ele fica como se fosse link quebrado, mas quando clico ele direciona para o local da foto onde esta hospdado. Poderia me ajudar

  155. Roney disse:

    Ola Jonas, parabéns pela dica e pela sua dedicação sempre respondendo as dúvidas mesmo depois de tanto tempo de postagem, gostaria de saber se você tem algum link de blog ou site que estão usando esse banner. Muito obrigado e sucesso.

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.
Quer aprender como R$173.571,73 como Afiliado em 4 meses?Quero Assistir o Vídeo!