Como colocar anúncios nos posts do Blogger

Como colocar anúncios nos posts do Blogger

6 10 99
Como colocar anúncios nos posts do Blogger 10 6 99
money_bag Apesar de já ter feito 1 post anterior ensinando a colocar anúncios dentro dos posts (artigos) do Blogger, ainda recebo comentários de leitores com dúvidas sobre esse tema. Na verdade, o problema reside no fato de que o local onde se deve inserir os anúncios varia de template para template, ou seja, o que pode dar certo para alguns, pode não ser o correto para outros.
Outra dúvida comum é como fazer para colocar anúncios lado a lado – como é aqui no Dicas Blogger – ou anúncios à esquerda ou à direita dos posts.
Antes de mais nada, você precisa saber se quer colocar o anúncio entre o título e o post ou no rodapé do post. Daí, será preciso entrar no HTML do template, marcar “expandir modelos de widgets” e procurar ( Crtl +F do teclado) pelas seguintes linhas, incluindo o código do anúncio nos locais indicados em amarelo.
ENTRE O TÍTULO E OS POST
<div class='post-header-line-1'>
Código do anúncio
NO FINAL DO POST
Código do anúncio
<div class='post-footer'>
ATENÇÃO! Para que o Blogger aceite o código, é preciso fazer uma conversão. Eu uso o site Blogcrowds. Basta colocar o código no local indicado e clicar em “parse”
Para saber os demais locais que aceitam anúncios, acesse:
Como colocar os anúncios lado a lado
2-anuncios
Isso vai depender da largura da área de postagens. Para checar, procure por #main no HTML e verifique o valor em width. Aqui no meu blog está assim:
#main {
width:626px;
No DB, consegui colocar 1 anúncio de 300 x 250 ao lado de 1 anúncio de 250 x 250.
Para tanto, gere os códigos em seu programa de afiliados, faça a conversão e cole – no HTML do template -  um código embaixo do outro . Ficaria assim:
ENTRE O TÍTULO E OS POST
<div class='post-header-line-1'>
Código 300 x 250
Código 250 x 250
Como colocar anúncios à direita ou à esquerda dos posts
anuncio-esquerda
Será preciso usar um pouco de CSS:
Á ESQUERDA
<div class='post-header-line-1'>
<div style="float: left; margin: 5px”>
Código  do anúncio
</div>
ou
Á DIREITA
<div class='post-header-line-1'>
<div style="float: right; margin: 5px”>
Código do anúncio
</div>
Esses métodos funcionam nos meus templates, mas pode não funcionar em outros e eu não vou ter como ajudá-los, pois cada modelo tem suas características próprias. O que eu  recomendo é que vocês usem um blog de testes e façam suas descobertas :)
Nunca se esqueçam de verificar se o programa de afiliados que vocês usam ,permite anúncios entre as postagens. Bons rendimentos a todos!
12 Comments
Comments
  1. Excelente post Juliana! Vai me ajudar bastante.

    ResponderExcluir
  2. juliana

    Boa noite, gostaria de entrar em contato com você para saber o que você cobraria para tr abalhar o layouto do meu Blog. jä tenho o Template o e Dominio mas falta organizar e colocar tudo o demais que falta nesta pagina e eu estaria interessado no seu trabalho Profissional.
    http://www.viajandonlineblog.com
    jlucena81@gmail.com

    obrigado e aguardo o seu contato.


    joao lucena

    ResponderExcluir
  3. João, para contratar meus serviços, acesse:
    http://www.projetos.dicasblogger.com.br/
    Leia com atenção todas as páginas e depois preencha o formulário.
    Att, Juliana

    ResponderExcluir
  4. Oi Ju! Deu certinho!
    Procurava esta dica há tempos, e nenhuma que tinha visto tinha funcionado aqui. Se me permiti um adendo, no meu template tive que mudar o código de alinhamento. Aqui funcionou assim
    < div style='float: right; margin: 5px' > código adsense

    com aspas simples

    http://maeyz.blogspot.com/2011/03/fase-dos-por-ques-e-o-aprendizado-com.html

    Obrigada!!

    ResponderExcluir
  5. No meu blog não deu certo.como você mesmo disse "pode dar certo para um e errado para os outros,cada template tem suas caracteristicas"

    o meu sempre fica com o link "Read More >>>" no entanto a anuncio não foi parar dentro do post,e sim fora dos posts,estragando o template da home do blog,msm assim valeu pela dica!

    ResponderExcluir
  6. Olá.
    Acho os blogs como o seu muito úteis e interessantes, mas muito dificeis de entender(tenho até vergonha em escrever isso) para quem tem pouco tempo no blogger como eu(ou é mais burrinho q os outros rsrsrsrs).Tem uma linguagem muito complicada, pelo menos eu tenho dificuldade em entender. Por favor, não entenda isso como uma crítica, mas como um pedido de socorro rsrsrs. Obrigada

    ResponderExcluir
  7. Inês, nós possuímos uma parte que é exclusiva para iniciantes:
    http://www.dicasblogger.com.br/search/label/Primeiros%20Passos

    ResponderExcluir
  8. Oi Juliana,

    Já tenho o seu blog como um tutor para mim!
    Já me ajudou muito com os meus templates.

    Tinha um blog a algum tempo atrás mas me desanimei e fechei. Agora estou mais maduro e tenho um novo tema a apresentar.
    Agora que já sei trabalhar melhor com HTML/CSS e estou trabalhando como Designer Gráfico (Tema principal do meu novo Blog), posso voltar com força total e sei que posso contar com a sua ajudinha no que não domino muito bem ainda! :D

    Parabéns pelo seu ótimo trabalho!

    Atenciosamente...

    Ivanildo Dias

    ResponderExcluir
  9. Vou tentar mais uma vez seguir sua instrução, e espero ter sucesso. Saiba desde já que sou muito admirador do vosso trabalho aqui no DB... Obrigadoooo

    ResponderExcluir
  10. Valeu!!!
    Obrigado pelas dicas, eu estava precisando...

    ResponderExcluir
  11. Boa!!!! deu certinho aqui pra mim, sem nenhum problema.. valeu dicasblogger.

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top