Esta é uma excelente forma de vender publicidade, rotacionar banners de programas de afiliados ou divulgar áreas específicas de seu site.
Aqui no Criar Sites eu utilizo o mesmo código mostrado no tutorial para rotacionar os banners 468×60 px. localizados no topo da página.
O tutorial
Eu criei um pequeno tutorial ensinando a alterar o código para ajustá-lo ao seu site.
Você irá aprender a modificar os links de destino, links dos banners, tamanho, texto alternativo e também a incluir quantos banners desejar.
O Código
Eu não incluí o código diretamente aqui no site por que o tutorial ficou muito grande e também porque o sistema de gerenciamento de conteúdo que estou utilizando poderia causar problemas de exibição na hora de exibir a página para os visitantes.
Você pode pegar aqui o tutorial “Javascript para rotacionar Banners”
Artigos relacionados
Formulário de contato em PHP
Como utilizar um Iframe
Crie uma galeria de imagens em seu site
Crie seu Banner grátis
{ 82 comentários… leia abaixo ou deixe o seu }
eu queria saber um negosio de banner
qual o codigo para ter um tal de banner rotativo
tipo
desse site
http://www.cslife.com.br
os banner ficam passando pra baixo queria saber o codigo
Victor,
O código pode ser obtido diretamente no código fonte da página.
Clique com o botão direito sobre a página e em seguida clique em "Exibir código fonte"
Copie e cole todo o código dentro de um editor de sites. Lá você encontrará o código.
Não vou passar o código aqui por dois motivos:
Eu gosto de ensinar a pescar e não dar o peixe pronto. desta forma você poderá continuar pescando, pois saberá como fazer.
O outro motivo é o cara do site ficar bravo de eu passar o código aqui, pois não tenho certeza se foi customizado por ele. Não quero confusão.
Lembre-se, você deve aprender a pescar. Abraço!
Muito boa explicação!!!
belo tutorial parabens
Muito bom cara,me ajodou muito,aliás,estou usando muitas de suas dicas no site que estou construindo,valeu mesmo,vou usar com certeza
Ertulio,
Obrigado pela visita e por ajudar o site.
Willy,
Que bom que minhas dicas estão te ajudando. Obrigado pela visita.
Abraços!
Rotacionar banner é de fato uma boa forma de conseguir fazer publicidade eficiente em um blog ou site na internet.
No caso dos banners eles mudam a cada atualização da página???(pergunta meio boba). Mas é que no caso de ter 10 banners e a pessoa atualizar a página apenas 3 vezes pode ser quem alguns sejam desfavorecidos(não sei se a página abre sempre no banner inicial do cógio). Gostaria de saber
Vinicius,
É isso mesmo, os banners são rotacionados a cada atualização da página.
Ele roda aleatório, pode ser que ele repita o mesmo banner duas vezes seguidas.
O primeiro banner também é aleatório.
Abraço!
Caro Celso,
Tenho uma pergunta bem simles:
O que tenho que fazer para que o endereço do meu site fique dessa forma:
http://www.criarsites.com/diretorios-de-sites
Sem a necessidade de usar o “HTML” no final do endereço.
Desde já agradeço pela atenção,
Ramiro Freitas
Ramiro,
Este tipo de endereço é gerado dinâmicamente em sistemas CMS como o WordPress e Joomla.
Se você estiver criando seu site com um programa como o DreamWeaver não tem jeito.
A única solução seria que você utilize um sistema CMS que suporte este tipo de endereço para criar seu site.
Abraço!
Olá amigo, gostaria de saber como obter um “banner” igual ao do Baixaki(www.baixaki.com.br)
em que aparece varios programas e ainda a um “menu” para selecionar qual “banner” vc quer ver!
Obrigado!
Mulambo,
Eu também desconheço como fazer aquilo. Desculpe.
Abraço!
Ta tranquilo…
+ sera que não tem um jeito de “pescar” aquilo não…
aqueles programas que baixam sites completos,eles pegam os scripts tb?!
Mulambo,
Novamente, eu não sei como isso é feito.
Abraço!
Mulambo:
http://www.universodoslivros.com.br/webparaprofissionais.zip
Se vc quiser compra o livro (web para profissionais) para ver o tutorial de como alterar o código. Mas eu acho q ele tá explicado.
OBS.: Tá na pasta “anuncios_dhtml”.
Eu tento colocar um banner de um anúncio que usa Java Script, só que ele abre normal no google chrome, no mozilla firefox, mas não abre de jeito nenhum no internet explorer. Porque? Você pode me explicar ou dar uma dica?
Se não fosse pedir muito, me mande um e-mail para me avisar da resposta. Muito Obrigado.
Osmairo,
Eu também não sei mexer com códigos e não tenho idéia do que pode estar acontecendo.
Abraço!
Celso aqui não ta rotacionando bem na primiera pagina so aparece um banner na segunda aparece outro mas nao rotacionando em uma única página é normal do código? pq ja vi o rotacionamento em outros sites e rotaciona todos na mesma páginas
Bruno,
Era para rotacionar ao atualizar a página. Creio que você fez algo de errado. Dê uma conferida no código.
Abraço!
nao ta tudo certinho se ele rotaciona ao atualizar a página então ta ok, vlw isso que tava atras! :cs:
celso,
voce poderia me ensinar a botar banner em meu site? aproveite e me envie o código do seu banner para eu testar…se funcionar eu deixo ele la..vlw
Leo,
Você precisa adicionar os banners como um gadget, você pode saber como inserir um gadget conferindo este post que eu fiz http://celsolemes.blogspot.com/2009/04/aprenda-incluir-e-editar-os-gadgets-no.html
Neste caso você deve selecionar a opção HTML/Javascript e adicionar um dos códigos de banners que podem ser encontrados aqui http://www.criarsites.com/wp-content/uploads/2007/10/links-do-criarsites.txt
Acho que com isso dá para você entender, qualquer coisa é só perguntar.
Abraço!
obrigado celso…esse site ta me ajudando d+
mais uma divudazinha soh. dominios free podem ser inseridos no wordpress. exemblo o 000webhost e talz…podem? obrigado
abraço
Leo,
Não entendi o que você quis dizer. No WordPress você já cria uma conta com um domínio free.
O que você está querendo saber?
Abraço!
por exemplo, eu quero ter acesso ao html do wordpress. porem eu li num blog q é necessario hospedar o wordpress em outro dominio por exemplo, o l4rge ou 000webhost
eu quero saber se isso é mesmo verdade e se é qual é o melhor…a cara tem como voce fazer uma video aula curta explicando como chega ao editor html do wordpress que eu to m atrpalhando todo com isso que vc nem sabe
la na minha escola a galera ta m chamando d nerd pq eu passo o dia intero lendo sobre criaçao e otimizaçao de sites vlw…desculpe o flood
ah! otra coisa eu queria saber como fazer um banner de comunidade do orkut igual o que tem no menu direito aqui do criar sites. abraço
Leo,
É isso mesmo, se você quiser ter acesso ao HTML do template para editá-lo do jeito que você quiser, você deve instalar o WordPress em um servidor (que o suporte), ou seja não dá para utilizar o blog gratuito oferecido no wordpress.com
Você pode baixar o WordPress aqui http://br.wordpress.org/
O banner eu fiz ele no Corel Draw, ou seja, se você quiser fazer um banner, você terá que aprender a mexer com algum editor de imagens.
Abraço!
certo…mas como eu intalo o wordpress no meu blog da wordpress??
e qual é o ftp q eu tevo publicar os arquivos..
ah!!! se voce puder me ensinar qual o seu pulo do gato para obter tantas visitas qual o pincipal jeito que voce obtem visitas? abraço e como faço para meus posts sejam indexados ao google rapidamente??
obrigado!! abraço
atah li novamente e entendi mais qual servidor free que suporta o wordpress?
tem que ser free daqui por mes que vem c o blog tiver com boa visitaçao compro um dominio mas prefiro que seja free
Leo,
Para obter visitas você tem qeu criar muito conteúdo de qualidade e otimizar as páginas, confere aqui http://www.criarsites.com/category/otimizar-site/
O ATBHost suporta o WordPress, confere aqui http://www.criarsites.com/atbhost-servidor-de-hospedagem-gratis-sem-propaganda/
Abraço!
o celso, o que voce considera conteudo de qualidade?
e como eu boto aquele link de siga-me no twitter no meu site??? obrigado abraço!
celso como eu envio arquivos para meu código fonte arquivos tipo notepad etc.?
celso nao consigo acessar o cpanel do atbhost para editaro cname como acesso?
Leo,
Conteúdo de qualidade é qualquer tipo de conteúdo que seja atrativo para os visitantes, que seja único e original.
Isso quer dizer que sites com conteúdo copiado de outros sites não é conteúdo de qualidade.
Não entendi o que você quer dizer com enviar arquivos para meu código fonte arquivos tipo notepad. Tente explicar melhor.
Os dados para acessar o painel de controle são enviados ao seu email, verifique lá.
Abraço!
por exemplo: alguns falam em enviar arquivos html para meu site como a verificaçao do google webmaster tools que tem o meta tag e a verificaçao html ai fla q tem que criar um arquivo em bloco de notas e enviar para o site etc( muito confuso me explica isso ai vlw?
obs.: ja consegui m cadastrar no google wbmaster tools através de meta tag é so curiosidade.
e como eu vo instalar o wordpress no atbhost?
e como eu tiro aqueles erros de rastreamento robot.txt q da no google webmaster tools ja tem 271 q q é isso e como faço para tirar
Leo,
No Blogger não dá para fazer a verificação com o arquivo de verificação. Essa opção é apenas para sites que permitem o acesso via FTP o que não é o caso do Blogger.
Você pode aprender a instalar o WordPress aqui http://www.criarsites.com/aprenda-a-instalar-o-wordpress-em-servidores-com-cpanel/
Os erros de rastreamento podem ser vários, recomendo que dê uma olhada na ajuda do Google http://www.google.com/support/webmasters/bin/answer.py?answer=35120&hl=pt-BR
Abraço!
nao consigo acessar meu cpanel as informaçoes no e-mail sao de acesso a conta ai abro minha conta mas nao consigo acessar o cpanel
tem como vc fz um tutorial com print ou explicar ou manda link d cpanel.
Leo,
O seu painel de controle deve ser acessado por um endereço assim http://criarsites.atbhost.net:2082
Tenta com este endereço para ver se vai, se não der, troque o criarsites pelo endereço do seu site.
Abraço!
valeu
abraço
Boa Noite Celso!
Eu tentei colocar o banner rotativo no site, mas ele não funciona. Nem aparece! Conferi item por item, e não encontrei nada errado que eu tenha feito. Ai peguei o seu código e tentei com ele…Não funciona também! Acredito que tenha algo errado no código seu!
Obrigada
Ana Carolina
Ana Carolina,
Este script funciona sim, eu mesmo o utilizo em alguns sites.
Creio que você fez alguma coisa errada na hora de inserir o código ou então tentou inserí-lo em um local do seu site que não suporta javascript.
Abraço!
Olá Celso! Depois que te li, fui no blogspot de teste tentar, ja que ele aceita o javascript…NADA! Nossa, estou de cabeça quente de tanto procurar onde estou errando, mas não acho! Cheguei a conferir item por item!! Tem como eu te mandar ele pronto pra vc ver? Desculpe o abuso, mas é que não estou mesmo conseguindo!!! Ja tentei até o seu código de teste!!! copiado e colado!!! não tinha no que errar!!!! Achei um que nunca vi na net em nenhum lugar, mas eles não respondem! É no http://www.brumaximus.blogger.com.br/ é muito legal, apesar de não conhecer o seu!!!! Me ajuda?????? Obrigada por me responder, por disponibilizar muita coisa legal e útil!!!!
Ana Carolina
Olá Ana,
Eu acabei de fazer um teste no Blogger (utilizando o Blogger in draft) com o código presente aqui e funcionou perfeitamente.
Você pode conferir aqui http://criar-sites.blogspot.com/
Como assim me mandar pronto? Não entendi!
Será que você não está tentando colar o código dos banners no seu blog no modo visual?
Abraço!
Celso teria como aplicar o nofollow já dentro do script? pelo o que vi não tem o nofollow, teria como colocar o scrip com uma opção com ele?
Olá Bruno,
Aí você me pegou. Eu não sei como isso pode ser feito em javascript.
Eu não sou programador, apenas estou disponibilizando este código que foi feito por outra pessoa.
Realmente isto pode ser um problema já que o Google passou a identificar links contidos em javascript, porém não sei se o site pode ser penalizado por isso. Vou procurar saber mais sobre o assunto.
Abraço!
Só uma dica, como estava usando o script na minha home abaixo de cada postagem ele não rotacionava bem a cada post e sim a cada atualização da página e também o validator w3 acusava vários erros e como no comentário acima e o do Celson abaixo não da para aplicar o nofollow. Bem fiz uma procura e achei um plugin muito mas muito bom mesmo ele tem a mesma função do javascript acima (rotacionar banners mas bem melhor (rotaciona super bem, todo validado no validator w3 e ainda pódice aplicar o nofollow) ou seja todos os meu problemas acabaram
O plugin é o Datafeedr Random Ads V2 para quem estiver com o mesmo problema que eu tinha aí segue a dica.
Olá Celso, Vara não tem jeito não consigo colocar o
script no blogger. acho que tem algo errado, celso de uma olhada e coloque como demostração no seu blogger. Obrigado
Fabio
Olá,
Realmente ele parece não estar mais funcionando no Blogger. Infelizmente eu não sei o motivo.
Abraço!
olá celso, eu vou usar o banner rotativo no meu site que estou criando no yola, mas tenho uma dúvida como faço para colocar a imagen do meu banner . eu tenho que hospedar ele em um servidor. sou um pouco leigo ainda rsrs.
repare que suas imagens terminam com .gif . como faço. Um abraço
Fabio,
Você pode publicar as imagens no próprio Yola. Não precisa usar outro servidor. A extensão das imagens não importa, basta que você troque o endereço da imagem, com a imagem desejada (com a devida extensão).
Abraço!
Muito obrigado, funcionou perfeitamente. Porém, o código que eu usava para proteger minhas imagens contra cópias não funciona mais. Tem como você me dizer como posso fazer isso agora?valew
Felip,
Não sei dizer porque eu não sou programador, pode ser que os dois códigos estão entrando em conflito.
Creio que você terá que escolher entre um dos dois.
Abraço!
Bom dia.
Por favor não conheço nada de programação, será que vc teria um tutorial de como inserir e editar um banner dinamico com imagem e textono joomla, 1.5?
Muito obrigado e parabéns pelo sentimento de compartilhar conhecimento com o próximo.
Robson,
Infelizmente os meus conhecimentos sobre o Joomla se resumem apenas a instalação e uso do editor de páginas do Joomla.
Recomendo que procure ajuda em um site especializado no Joomla como o http://www.joomla.com.br/
Abraço!
Olá, Gostaria de saber como faço para rotacionar os meus parceiros, mas ao inves de aparecer so um, aparecer todos. OBs: São Links, nao banners
Victor,
Desculpe mas eu não sei de nenhum script que faça isso.
Abraço!
Olá,
Sobre o Banner Rolativo em Java, eu consegui manipular e usa-lo corretamenteno local certo. Estou apenas com uma duvida quanto ao tempo que ele atualiza automaticamente, como faço pra ele automaticamente atualizar, e consequentemente mudar a imagem?
PS: Pode estar relacionado á:
var sec = now.getSeconds()
var ad = sec % how_many_ads;
Aguardo respostas (Se possivel por e-mail)
Agradeço desde já!
Paullo Tavares / h4qpkt@hotmaial.com
Paullo,
Esse javascript não permite fazer isso. Ele apenas rotaciona quando a página é recarregada.
Abraço!
Nossa. Muito bacana o banner. Parabéns pela postagem. Estou em faze atualização do meu site para logo-logo e gostei muito de encontrar esse banner. Aqui funcionou perfeitamente. Abraço.
paz
funcione mesmo mais esta vendo um problema quando coloco o link da imagen no codigo a imagen nao aparece ja tentei de todas as formas possiveis mais não estou conseguindo colocar as imagens so aparece a palavra em link poderia me ajudar escrendo um comentário no meu sit ok !!
Olá amigo gostei muito do seu tutorial de banners realmente e bom e funcional, mas tenho uma dúvida como rodar banners em .swf ???
Tentei de varias formas e não consegui.
Rodrigo,
Desculpe mas eu não sei como isso poderia ser feito.
Abraço!
Parabéns ótimas dicas!
Olá amigos! Mais uma vez gostaria de parabenizar pelo material que disponibiliza aqui no site, parabéns, sempre muito útil, com as dicas.
Gostaria de aproveitar a oportunidade e saber se não tem açlgum tutorial de como fazer um formulário de contato funcionar no site, eu tenho o formulário, mas nao sei como fazê-lo funcionar, preciso com urgencia , puder me dá essa força amigo fico muito agradecido
Grande abraço e que Deus esteja conosco SEMPRE!
Jones,
Eu não tenho nenhum artigo ensinando a fazer isso.
Abraço!
Ok Celso, valeu por responder.
Abraço
Parabéns. Funcionou legal porém o banner em gif que coloquei está aparecendo com bordas. Sei que não é problema no script mas se alguém puder ajudar…
Resolvido. O problema é que o CSS do template estava colocando border em todas img.
Obrigado.
No caso do meu blog, como utilizar o rotacionador , já que possou um código completo do banner hospedado em outro site(site do anunciante)?
Thiago,
O processo é o mesmo explicado no artigo. Basta adicionar no blogger.
Abraço!
não funfou no meu site feito no joomla. Tem alguma sugestão do que precisa ser mudado?
Paulo,
Não sei como fazer isso no Joomla.
Abraço!
antes de mais nada parabéns pelo site. Aqui no meu nao esta funcionado as imagens nao aparece será que voce pode mim dizer o que pode ser. Eu uso o blogspot será que o blogspot nao aceita esse tipo de código.
Walisson,
Será que você inseriu o endereço dos banners corretamente? Sem quebra de linha ou espaço antes e depois?
Abraço!
por que eles nao mudam sozinho???
pode responder?
abraco…
Renatto,
O script foi feito para atualizar quando a página é recarregada.
Abraço!
Gostei muito deste script, se funcionar com certeza vou usar em meus sites, parabéns pela iniciativa!
Como faço para colocar a tag nofollow neste script?
Divulgar Site,
Se não me engano não tem jeito. Antes não precisávamos nos preocupar com isso, porque o Google não consegua ler links em Javscript, mas hoje em dia ele está mais esperto. Vou ver se encontro uma solução.
Abraço!
Celso esse é o que voce usa aqui no Criar Sites?
Abraços!!!
Rosiel,
Não, é um plugin para o WordPress chamado Got Banners. Ele permite rotacionar vários banners entre os espaços disponíveis.
Abraço!