Como Centralizar os Anúncios do Google Adsense no Blog

Existem varias maneiras para centralizar os anúncios do Google Adsense no blog e saber qual é a melhor vai depender de qual maneira você coloca os anúncios do Google no seu blog, mas com pequenas mudanças é fácil deixar os anúncios do adsense centralizados na sua pagina. E aproveitando o assunto Google AdSense (ganhar dinheiro com blogs), recomendamos que leiam também:
Regras do Adsense: Evite Punições, Cliques Inválidos
Quais os melhores formatos de Anúncios - Relatórios do Google Adsense.

centralizar anúncios adsense

Para quem coloca os anúncios do adsense através da pagina layout adicionando um gadget do adsense o jeito mais simples para alterar o alinhamento e centralizar o anuncio é criando um estilo CSS para aquele anuncio. Entre na pagina editar HTML, use o ctrl F e procure por adsense, você deve achar uma linha mais ou menos assim:

<b:widget id='AdSense1' locked='false' title='' type='AdSense'>

Você não vai alterar nada aqui só vai copiar o id que neste exemplo é AdSense1, mas atenção tem que ser exatamente igual com as letras maiúsculas como está no seu HTML. Agora procure por ]]></b:skin> e coloque essa linha antes dele:

#AdSense1 {text-align: center;}

editar html do blogspot

Agora é só clicar para salvar e já está tudo pronto. Se tiver mais anúncios no seu blog então faça a mesma coisa com todos que deseja centralizar. Provavelmente os outros terão id AdSense2, AdSense3 e assim por diante, mas é com verificar para ter certeza, pois se tiver uma letra errada na id não vai funcionar. Isso é semelhante ao nosso tutorial sobre: Personalizar gadgets do Blog

Veja também:
Autorização de Site - Configurações do Google AdSense
Criar Blocos de Anúncios do Adsense com Tamanho Personalizado

Mas caso você crie seus anúncios diretamente na pagina do Google adsense então deixar os anúncios adsense centralizados é mais fácil, pois você adiciona o código do adsense usando um gadget de html/javascript e só precisa colocar center, desta forma:
<center> código do adsense </center>

Veja mais dicas sobre AdSense:
Criar Experiências do AdSense: Fazer Testes com Anúncios AdSense
Dúvidas sobre Tamanho dos Anúncios Google AdSense
Quanto eu Ganho com Cada Bloco de Anúncios do Google Adsense

Essa é uma alteração simples que pode melhorar seu layout e acredite um melhor posicionamento dos anúncios Google adsense pode melhorar até os seus ganhos na internet, então aproveite e veja Como Funciona o Google Adsense.

38 comentários :

  1. Cara, gostei muito do seu novo template parabéns pela postagem

    ResponderExcluir
  2. Olá Fabiano, bom eu queria saber se você sabe como colocar anuncios desse mesmo jeito, só que outros tipos de anúncios como o do cursos 24 horas, se souber me explique por favor, ah e outra coisa o Dicas para blogs esta com um ótimo visual agora, parabéns.

    ResponderExcluir
  3. Tava procurando isso, mas era pra diminuir o espaço das postagens mais lidas, Fabiano eu coloquei assim #PopularPosts1 a{line-height: 0px;} mas o espaço não diminuiu, o que faço para diminir o espaço do meu gadget "5 MAIS LIDAS DA SEMANA"?

    ResponderExcluir
  4. Ronaldo Belarmino
    obrigado pelos elogios.

    Izaque
    o principio é o mesmo para qualquer coisa é achar a id e criar o estilo com o mesmo nome, mas como falamos no tutorial tem que ser o nome exato até com as letras maiúsculas iguais

    ResponderExcluir
  5. Rapaz, la vai eu encher seu saco denovo, mas é uma coisa que está me deixando preocupado, com o panda arrebentando meio mundo ae, e fazendo vários sites cairem, eu percebi que o blogger gera muito conteúdo duplicado. Exemplo o seu que também está gerando, um exemplo é esta url (www.dicasparablogs.com.br/2010_06_01_archive.html)
    Esses archives o google não está bloqueando, está indexando sem dó..

    ResponderExcluir
  6. acho que o google só não indexa as paginas dos marcadores.

    mas estão acontecendo muitas mudanças tanto no blogger como no google, então pode até acontecer disso mudar em breve também.

    ResponderExcluir
  7. Como se faz um abaixo-assinado online?

    ResponderExcluir
  8. @JoaoRaphaelN


    pesquisei sobre isso e achei esse site:

    http://www.peticaopublica.com.br/

    mas não posso dar minha opinião se o site é bom ou não pois nunca utilizei os serviços deles.

    ResponderExcluir
  9. Olá Fabiano é possivel escrever Publicidade acima do anuncio do adsense

    ResponderExcluir
  10. o adsense é um gadget então é só escrever no titulo do gadget

    ResponderExcluir
  11. Fabiano e como que tiro um espaço entre os links do gadget Postagens mais lidas?

    ResponderExcluir
  12. Opa, blz, teria como fazer isso no blogger? (http://www.classiaqui.com.br/) onde é criado uma lista dupla de de foto e descrição?

    ResponderExcluir
  13. guilherme
    poderia dividir a coluna usando divs

    <div style="float:right; width:49%">conteudo aqui</div>

    <div style="float:left; width:49%">conteudo aqui</div>

    ResponderExcluir
  14. Fabiano e como centralizar o blog??o meu so fica no lado esquerdo da tela do PC,todo o corpo do blog.

    ResponderExcluir
  15. é possivel centralizar o corpo do blog, mas isso vai depender do seu template para saber qual código alterar.

    principalmente se for um template que baixou de algum site

    ResponderExcluir
  16. Muito obrigada pelas dicas. Deu tudo certo em meu blog.
    http://espacorenda.blogspot.com.br

    ResponderExcluir
  17. Olá Fabiano, estou com um problema no meu blog http://concursoseempregosabertos.blogspot.com.breu adicionei um bloco do adense do lado esquerdo dos posts, junto ao conteúdo, porém o bloco ficou desalinhado ao conteúdo, ficando acima da primeira linha da postagem, gostaria de saber como eu faço para deixar o anúncio alinhado. Aguardo seu retorno.

    Abraços

    ResponderExcluir
  18. imagino que colocou aquele código antes de post.body no seu html, estou certo?

    tente colocar após o post.body e mais uma dica sobre a linha
    div style='float: left;

    coloque uma pequena margem entre o anuncio e o texto do seu blog assim:

    div style='float: left;margin-right:5px'

    ResponderExcluir
  19. Sim, vc está certo Fabiano, tinha colocado antes de post.body. Fiz as modificações do jeito que vc falou e deu super certo. Muito obrigado mestre!

    ResponderExcluir
  20. Olá Fabiano, tenho um blog e resolvi colocar o adsense, mas os anúncios ficam do lado esquerdo, fiz o que vc pede neste tutorial mas nada adiantou.
    Meu blog http://waterpokemons.blogspot.com

    ResponderExcluir
  21. Willian escreveu o nome do estilo: #AdSense1

    exatamente como está no seu blog? com as letras maiúsculas também?

    ResponderExcluir
  22. Fabiano, Queria saber, como faço pro anuncio dentro do post aparecer antes ou depois da um paragrafo, e não junto com o texto. Ajuda se poder.
    Vlw!

    ResponderExcluir
  23. não tenho o código para colocar depois de um paragrafo.

    nas se colocar o código no html do seu blog ele pode aparecer no inicio ou final do texto da postagem.

    só precisa colocar o código do adsense antes ou depois de post.body no html do seu blog

    ResponderExcluir
  24. Fabiano, ótimo post! Ajudou a colocar todos os meus anúncios centralizados.

    ResponderExcluir
  25. A dica é boa, más no meu blog não funcionou

    ResponderExcluir
  26. WellMais veja se escreveu adsense exatamente igual está no html do seu blog

    no exemplo mostramos

    #AdSense1 {text-align: center;}

    se escrever adsense1 ou Adsense1 não vai funcionar tem que usar as letras maiúsculas igual está no html

    ResponderExcluir
  27. Isso mesmo Fabriano, coloquei assim más infelizmente não funcionou

    ResponderExcluir
  28. Fabiano e não Fabriano rs, bem estranho mesmo, más é porque já mexi muito no template, talvez seja isso, vlw

    ResponderExcluir
  29. Muito bom o artigo, parabéns!

    ResponderExcluir
  30. Olá muito obrigada pela ajuda, consegui!
    Porém o banner fica bem grudado ao banner do blog, vc poderia me dizer o que coloco pra gerar um espaço entre eles?
    Obrigada ;)
    Josy Queiroz
    http://www.tricoecroche.com

    ResponderExcluir
  31. Josy use o código margin para criar um espaço vazio em volta do anuncio, assim:

    #AdSense1 {text-align: center;margin:2px}


    e ajuste o valor 2px para a distancia que achar melhor

    ResponderExcluir
  32. Como é bom saber e compartilhar!
    Tudo de melhor pra ti!
    ObgãO

    ResponderExcluir
  33. Funcionou perfeitamente no meu blog. Obrigado

    ResponderExcluir
  34. Powwwwwwww ajudou muito hahahaa vlw mesmo cara abraço e sucesso! se vc quiser da uma olha no blog segue o link: http://forma-saude.com/

    vou indicar seu blog se alguém precisar.

    ResponderExcluir
  35. Obrigada! Simples e direto seu artigo :)

    ResponderExcluir