Páginas

quinta-feira, 27 de agosto de 2009

Como centralizar os anúncios do AdSense

Nível: iniciante

Para centralizar os anúncios do AdSense que são adicionados entre os posts do Blogger, basta ir até Layout ≫ Editar HTML e colocar o seguinte código na folha de estilos do blog, ou seja, acima da tag ]]></b:skin>:

#main-wrapper div.inline-ad {text-align:center; margin:30px; margin-left:auto; margin-right:auto;}
]]></b:skin>

Observe que eu aproveitei para aumentar a distância entre o anúncio e o texto usando margin:30px, já que a ausência desse espaço em branco é outro fator que torna os anúncios visualmente menos agradáveis. Você pode alterar esse número para que o anúncio se adeqúe melhor ao leiaute de seu blog.

Até mais!



Pix meutedio arroba mail ponto com

11 comentários:

  1. Excelente dica e muito útil, ótimo blog.

    ResponderExcluir
  2. Obrigado pela dica, era mesmo disto que eu estava a procura.
    Exprimentei e deu!
    Abraços

    ResponderExcluir
  3. TESÃO DE DICA, hahahahahahaha

    Mas sério foi muito útil, deve ser tão simples pra vc né?

    Enfim, valeu!

    ResponderExcluir
  4. A dica é muito boa e útil, mas aqui não funcionou não, :(

    ResponderExcluir
  5. Muito bom, eu estava querendo muito isso, mas e os anúncios do Adsense que agente colocar pelos gadgets, eles tbm n tem html, vou tentar por #main-wrapper div.inline-ad {text-align:center; margin:30px; margin-left:auto; margin-right:auto;}
    em cima do gadget! vlw

    ResponderExcluir
  6. Aqui também não pegou... Continua pro lado esquerdo.

    ResponderExcluir
  7. Esse código só modifica o anúncio menor.

    ResponderExcluir
  8. Este post é de 2009, o código do Blogger sofreu várias alterações desde então.

    ResponderExcluir
  9. Valeu amigo... ara mim funcionou perfeitamente
    Se não for incomodo poderia me esclarecer uma outra duvida relacionado a esse topico:

    Bom eu tenho 3 anuncio Adsense , eu consegui centralizar só 1 ( aquele das postagems )

    Gostaria de centralizar os outros 2 que ficam na lateral direita do blog ... Como faço ?

    Obrigado

    ResponderExcluir