192207784316955
Loading...

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.

 

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.
 
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: Resumo6 dicas para ganhar dinheiro com o Google Adsense
 

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. 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!
gadgets 7234200424613682012

Postar um comentário Comentários no Blogger

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

    ResponderExcluir
    Respostas
    1. Olá, Dai!

      Desejo-lhe que tenha um bom resultado com o seu banner rotativo!

      Um abraço e seja sempre bem vindo!

      Excluir
    2. Adelson, parabéns!!! E muito obrigada! Vou divulgar o seu trabalho no meu blog! MARAVILHOSA DICA!

      Excluir
    3. Adorei o artigo, ainda nem testei mas pela qualidade do conteúdo deixo minhas congratulações: Arrasou!

      Bjs.

      Excluir
  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?

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  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...

    ResponderExcluir
    Respostas
    1. 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 (adelson@gerenciandoblog.com.br) a planilha Excel salva com as informações de suas imagens e farei o possível para ajudá-lo.

      Um abraço!

      Excluir
  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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  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!!!

    ResponderExcluir
    Respostas
    1. Olá, Maiquel!

      Muito obrigado pelo seu comentário de incentivo! Fico realmente feliz em poder ajudar a todos aqueles que chegam até aqui.

      Um abraço!

      Excluir
  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! :D

    ResponderExcluir
    Respostas
    1. Olá, Bruno!

      Sempre digo que o Blogger é uma ótima plataforma! Como ele aceita códigos JavaScript, é possível fazer maravilhas nele.

      Um abraço!

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

    ResponderExcluir
    Respostas
    1. Olá, Herlan!

      Torço para que você consiga fazer bom uso do recurso e tenha ótimo resultado em seu blog.

      Um abraço!

      Excluir
  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!

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
    2. 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!

      Excluir
    3. 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!

      Excluir
  9. 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ç

    ResponderExcluir
    Respostas
    1. Olá, Paula!

      Que bom vê-la de volta por aqui! Fico feliz que tenha gostado das novidades. Espero que elas sejam úteis para o seu blog!

      Um abraço e seja sempre bem vinda!

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

    ResponderExcluir
    Respostas
    1. Olá!

      Torço para que você tenha ótimos resultados!

      Um abraço!

      Excluir
  11. 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.

    ResponderExcluir
    Respostas
    1. Olá, Luca!

      Para você, que trabalha com imagens, o banner será muito adequado!

      Caso você tenha algum problema, avise-me para ajudá-lo.

      Um abraço!

      Excluir
  12. 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...

    ResponderExcluir
    Respostas
    1. Olá, Marco!

      Que bom saber que ele funcionou corretamente em seu blog!

      E obrigado por publicar o meu banner lá! Para mim, é uma ótima forma de divulgação.

      Um abraço!

      Excluir
  13. 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 é dini_kelly@hotmail.com

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  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.

    ResponderExcluir
    Respostas
    1. Olá!

      Para eu poder ajudar, peço-lhe um favor: envie para o e-mail adelson@gerenciandoblog.com.br o seu template e a planilha Excel preenchida com as informações que você deseja colocar em seu banner. Investigarei o problema e lhe darei um retorno.

      Um abraço!

      Excluir
  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

    ResponderExcluir
    Respostas
    1. Olá, Cecilia!

      Qual é exatamente a sua dúvida? Diga-me onde está com dificuldades e procurarei esclarecê-las.

      Um abraço!

      Excluir
  16. Olá, como vai? adoro seu blog e sempre venho aqui! Poderia me explicar onde modifico para aumentar a largura do banner? Gostaria de colocar no início dos posts, nesta página e não consigo alargar. Email: coliriositaitinga@hotmail.com

    ResponderExcluir
    Respostas
    1. Olá!

      Da forma como está o código, o banner se adaptará automaticamente ao local onde for instalando, ajustando sua largura de acordo com o espaço disponível.

      Um abraço!

      Excluir
  17. 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?

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  18. 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/

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  19. 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

    ResponderExcluir
    Respostas
    1. 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!

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

    ResponderExcluir
    Respostas
    1. 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 (adelson@gerenciandoblog.com.br) e analisarei o código gerado.

      Um abraço!

      Excluir
    2. Obrigado!! Mas precibi o meu problema!!Já consegui!!

      Excluir
  21. Ó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.

    ResponderExcluir
    Respostas
    1. Olá, Carlos!

      Uma pena que o código não tenha chegado a tempo para você. Mas, espero que você encontre aqui outros artigos que sejam útil para o seu blog.

      Um abraço!

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

    ResponderExcluir
    Respostas
    1. Olá, Vanessa!

      Que ótimo saber que tenha dado certo para você! Espero que o banner lhe traga bons resultados!

      Um abraço!

      Excluir
  23. Onde se encontra o endereço da imagem???

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  24. 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.

    ResponderExcluir
    Respostas
    1. Olá, Geraldo!

      Fico feliz em saber que esteja gostando dos artigos! Espero que sejam úteis para a evolução dos seus trabalhos.

      Um abraço e seja sempre bem vindo!

      Excluir
  25. 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

    ResponderExcluir
    Respostas
    1. Olá, Germano!

      Infelizmente, acredito que não seja possível modificar o tamanho dos slides no gadget do Blogger. O que você pode fazer é utilizar a apresentação de slides do Google Docs (como mostrei no artigo Publicando Planilhas e Apresentações em seu Blog) ou então adicionar um código JavaScript para fazer a transição.

      Um abraço!

      Excluir
  26. 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...

    ResponderExcluir
    Respostas
    1. Olá, Kaviulango!

      Vi que as imagens estão paradas em seu blog. É difícil dizer o que ocorreu. Eu teria que ter acesso ao seu blog para avaliar.

      Mas, você está fazendo um ótimo trabalho! Espero que meus artigos continuem sendo úteis para você.

      Um abraço!

      Excluir
    2. Boa tarde Adelson
      Agradeço pelo elogio...sem seus artigos são ótimos continue assim
      Para vce ter acesso ao meu blog..o que precisa???
      Se não for te atrapalhar me manda um email do que esta precisando para eu te passar pois eu preciso resolver isso...e além dele ficar girando...queria ver com vce eu clicando em uma foto eu queria que viesse uma foto com texto...o que esta acontecendo é que eu clico na foto e aparece uma tela com a foto grande...mas preciso de outras informações apos clicar na foto...

      Agradeço a sua paciencia e fico no aguardo de suas respostas

      Grato

      Kaviluango

      Excluir
    3. Olá!

      Entre em contato comigo pelo e-mail adelson@gerenciandoblog.com.br, por favor.

      Um abraço!

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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  28. 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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  29. O codigo para destaque no site ficou otimo em meu blogger mais minha conta do adsense foi removida tem algo a ver com isso?
    Clark_k2b@hotmail.com

    ResponderExcluir
    Respostas
    1. 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!

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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  31. 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??

    ResponderExcluir
    Respostas
    1. 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!

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

    ResponderExcluir
  33. 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: www.moradiaimoveis.net.br.
    Abraço!

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  34. 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á.

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  35. muiiiiiiiiiiiiiiiiiiiiiiiiito massa. obrigado

    ResponderExcluir
    Respostas
    1. Olá!

      Fico feliz que tenha gostado!

      Um abraço!

      Excluir
  36. 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?

    ResponderExcluir
    Respostas
    1. Olá, Cíntia!

      Infelizmente, acredito que não seja possível colocar a legenda abaixo das imagens neste modelo do gadget.

      Um abraço!

      Excluir
  37. 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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  38. 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

    ResponderExcluir
    Respostas
    1. Olá, Guilherme!

      Para isso, basta você remover o trecho target="_blank" dos links. Dessa forma, eles serão abertos na mesma página.

      Um abraço!

      Excluir
  39. 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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  40. Parabéns, muito bom o código.

    ResponderExcluir
    Respostas
    1. Olá!

      Obrigado! Fico feliz que tenha gostado!

      Um abraço!

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

    ResponderExcluir
    Respostas
    1. Olá!

      A forma mais fácil de publicar este banner é adicionando em seu blog um gadget do tipo "HTML/JavaScript" e colocando nele o código gerado pela planilha.

      Caso deseje mais informações, sugiro a leitura do artigo Como Adicionar Gadgets em seu Blog.

      Um abraço!

      Excluir
  42. 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.

    ResponderExcluir
    Respostas
    1. Olá, Osb!

      Fico feliz que o banner esteja lhe trazendo resultados tão bons!

      Um abraço!

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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  44. 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.

    ResponderExcluir
    Respostas
    1. Olá!

      Fico feliz que tenha gostado do gadget e da planilha! Foi uma forma que imaginei para gerar o código de forma mais simples.

      Um abraço!

      Excluir
  45. 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?

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  46. 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

    ResponderExcluir
    Respostas
    1. Olá, Jeferson!

      Obrigado pelos elogios! Eu gosto de utilizar planilhas do Excel para automatizar a geração de códigos como este. Fico feliz que tenha gostado!

      Um abraço!

      Excluir
  47. Caro Adelson,
    Muito obrigado pelas suas inestimáveis dicas.
    Experimentei esta nova versão do banner e infelizmente ela, no Chrome, fica estática...
    Nos outros browser - Firefox, Safari e Internet Explorer, ficou muito bem.
    Será que tem uma solução para este problema?
    Manuel Cabral
    mrrcabral@maodemestre.com

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  48. 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.

    ResponderExcluir
    Respostas
    1. Olá, Lucas!

      Sim, este banner funciona também no Blogger/Blogspot. Mas, este só existe no sentido horizontal.

      No artigo Banner rotativo com imagens você encontrará outro modelo, que funciona também na vertical.

      Um abraço!

      Excluir
  49. 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.

    ResponderExcluir
    Respostas
    1. Olá, Luichi!

      Fiz um teste e também não consegui fazer este modelo de banner funcionar corretamente na WebNode. Mas, você pode utilizar lá o banner que mostro em Banner rotativo com imagens. Este eu testei e funciona lá também.

      Um abraço!

      Excluir
  50. 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/

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  51. 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!

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

    ResponderExcluir
    Respostas
    1. Olá, Ferreira!

      Fico feliz que tenha gostado! Espero que seja útil em seu blog.

      Um abraço!

      Excluir
  53. 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

    ResponderExcluir
    Respostas
    1. Olá!

      Infelizmente, com este modelo de banner não é possível fazer isso. É possível que futuramente eu publique outro modelo com essa opção.

      Um abraço!

      Excluir
  54. 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.

    ResponderExcluir
    Respostas
    1. Olá!

      Fico muito feliz que tenha encontrado aqui o que você procurava!

      Um abraço e seja sempre bem vindo!

      Excluir
  55. 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...

    ResponderExcluir
    Respostas
    1. Olá!

      Você pode encontrar um slideshow similar a esse em http://www.mundoblogger.com.br/2012/09/slide-de-imagens-apenas-com-css3.html Além deste, há outros ótimos modelos no Mundo Blogger.

      Um abraço!

      Excluir
    2. Caríssimo Orion:

      Visitei seu blog, para ver como ficou o banner com scroll, porém não o encontrei.

      Excluir
  56. 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.

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  57. 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.

    ResponderExcluir
  58. 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.

    ResponderExcluir
    Respostas
    1. Olá, Ricardo!

      Para utilizar as imagens, você precisa antes disponibilizá-las na web. Isso pode ser feito em um artigo do seu próprio blog ou fazendo o upload delas para um serviço como o Webs.com.

      Em caso de dúvidas, sugiro que você leia o artigo Webs, ótimo site para hospedar seus arquivos.

      Um abraço!

      Excluir
  59. essa planinha tem senha , qual é esse senha meu deus ??

    ResponderExcluir
    Respostas
    1. Olá, Gustavo!

      Você não precisa da senha da planilha para utilizá-la. Basta preencher os campos informados e copiar o código gerado.

      Um abraço!

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

    ResponderExcluir
    Respostas
    1. Olá, Nilton!

      Que bom saber que a planilha cumpriu seu objetivo!

      Um abraço!

      Excluir
  61. 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.

    ResponderExcluir
    Respostas
    1. Olá, Thiago!

      Que ótimo saber que tudo tenha funcionado corretamente para você!

      Um abraço!

      Excluir
  62. 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?

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  63. a altura da pra definir na planilha de boa

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

    obrigado

    ResponderExcluir
    Respostas
    1. Olá, Neo!

      Não há uma largura padrão. Uma vez definida a altura, a largura da imagem será ajustada proporcionalmente para ser exibida sem distorções.

      Um abraço!

      Excluir
  64. 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.

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  65. 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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  66. 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?

    ResponderExcluir
    Respostas
    1. Olá, Miguel!

      É possível que você consiga fazer o que deseja com a tag "marquee". Veja detalhes no artigo Banner rotativo com imagens.

      Um abraço!

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

    ResponderExcluir
    Respostas
    1. Olá!

      Que ótimo saber que tenha funcionado!

      Um abraço e seja sempre bem vinda!

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

    ResponderExcluir
    Respostas
    1. Olá!

      Fico feliz que tenha encontrado aqui o que você procurava!

      Um abraço!

      Excluir
  69. 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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
    2. 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

      Excluir
  70. 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/

    ResponderExcluir
    Respostas
    1. Olá, Julio!

      Visitei seu blog e vi que o banner está funcionando corretamente. Acredito que tenha sido apenas um problema temporário, que já esteja resolvido.

      Um abraço!

      Excluir
  71. 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.

    ResponderExcluir
    Respostas
    1. 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!

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

    ResponderExcluir
    Respostas
    1. Olá!

      Fico feliz que tenha funcionado corretamente para você!

      Um abraço!

      Excluir
  73. 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.

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  74. 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.

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  75. 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!

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  76. 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!

    ResponderExcluir
    Respostas
    1. Olá, Lucio!

      Fico feliz em saber que tenha funcionado corretamente para você! E também por saber que gostou da ideia da planilha.

      Um abraço e seja sempre bem vindo!

      Excluir
  77. Qual é a senha da planilha amigo?? Não está gerando o código. A planilha está travada!
    Contato: cevolovaz@hotmail.com

    ResponderExcluir
    Respostas
    1. 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!

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

    ResponderExcluir
    Respostas
    1. Olá, Jane!

      Acabo de disponibilizar uma nova versão da planilha, que permite incluir um número bem maior de imagens. Basta fazer novamente o download e usar esse novo modelo.

      Um abraço!

      Excluir
  79. 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.

    ResponderExcluir
    Respostas
    1. Olá, Oswaldo!

      Disponibilizei uma nova versão da planilha para download, que permite um número maior de imagens. Veja se agora ela atende à sua necessidade.

      Um abraço!

      Excluir
  80. 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/

    ResponderExcluir
    Respostas
    1. Olá, Le!

      Infelizmente, nesta versão do gadget isso não é possível. Mas, você encontrará bons modelos procurando no Google por "slideshow blog".

      Um abraço!

      Excluir
  81. 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. --> www.comprandoemorando.com

    ResponderExcluir
    Respostas
    1. 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!

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

    ResponderExcluir
    Respostas
    1. Olá!

      Que ótimo que tenha gostado! Faça bom uso dele!

      Um abraço!

      Excluir
  83. 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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  84. 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.

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  85. 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!

    ResponderExcluir
    Respostas
    1. 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!

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

    ResponderExcluir
    Respostas
    1. Olá, Patricia!

      Fico muito feliz que tenha gostado!

      Um abraço e seja sempre bem vinda!

      Excluir
  87. 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!

    ResponderExcluir
    Respostas
    1. Olá, Nadja!

      Que ótimo saber que funcionou corretamente para você!

      Um abraço!

      Excluir
  88. Perfeito! valeu mesmo, tava precisando!

    ResponderExcluir
    Respostas
    1. Olá, Adriano!

      Fico feliz em saber que tenha dado certo para você!

      Um abraço!

      Excluir
  89. 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

    ResponderExcluir
    Respostas
    1. 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!

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

    ResponderExcluir
    Respostas
    1. Olá, Val!

      Torço para que tenha funcionado para você!

      Um abraço!

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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  92. 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
    www.patriciaaprendendo.com

    ResponderExcluir
    Respostas
    1. Olá, Patrícia!

      Que ótimo saber que tenha funcionado corretamente para você!

      Um abraço!

      Excluir
  93. 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

    ResponderExcluir
    Respostas
    1. Olá, Carlos!

      Visitei seu blog e o banner está funcionando corretamente. Mas, algo que percebi é que as imagens que você utilizou estão muito pesadas, fazendo com que seja muito lento para seu blog carregar e para começar a animação do banner.

      O artigo Como otimizar imagens para o seu blog poderá ajudá-lo nisso.

      Um abraço!

      Excluir
  94. 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 !

    ResponderExcluir
    Respostas
    1. Olá, João!

      Ao digitar as informações, o código será automaticamente gerado no campo destacado. Basta copiá-lo com o CTRL+C e copiar para o seu blog.

      Um abraço!

      Excluir
  95. 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?

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  96. 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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  97. 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.

    ResponderExcluir

Os comentários são muito bem vindos e importantes, pois enriquecem o conteúdo dos artigos. Há algumas regras na Política de Comentários que devem ser seguidas para que seu comentário seja publicado. As mais importantes:
- Não serão publicados comentários que não tenham relação com o artigo.
- Não respondo comentários por e-mail. Por isso, não deixe seu e-mail no comentário.
- Pedidos de visitas ao seu blog não serão publicados.
- Não serão publicados comentários que tenham link ou endereço do blog no corpo do texto. Para isso, assine com seu Nome/URL ou OpenID.

emo-but-icon

Início item

Contrate nossos serviços

Top Blogger 2013

Acompanhe as novidades

Divulgue o Gerenciando Blog

Gerenciando Blog - Dicas para blogs

Publicidade


Anuncie aqui