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.
Para saber os demais locais que aceitam anúncios, acesse:
Como colocar os anúncios lado a lado
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:
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:
Será preciso usar um pouco de CSS:
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!
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 POSTATENÇÃ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”
<div class='post-header-line-1'>
Código do anúncio
NO FINAL DO POST
Código do anúncio
<div class='post-footer'>
Para saber os demais locais que aceitam anúncios, acesse:
Como colocar os anúncios lado a lado
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 {No DB, consegui colocar 1 anúncio de 300 x 250 ao lado de 1 anúncio de 250 x 250.
width:626px;
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 POSTComo colocar anúncios à direita ou à esquerda dos posts
<div class='post-header-line-1'>
Código 300 x 250
Código 250 x 250
Será preciso usar um pouco de CSS:
Á ESQUERDAou
<div class='post-header-line-1'>
<div style="float: left; margin: 5px”>
Código do anúncio
</div>
Á DIREITAEsses 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 :)
<div class='post-header-line-1'>
<div style="float: right; margin: 5px”>
Código do anúncio
</div>
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!
Boa dica Juliana ;D
ResponderExcluirExcelente post Juliana! Vai me ajudar bastante.
ResponderExcluirjuliana
ResponderExcluirBoa 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
João, para contratar meus serviços, acesse:
ResponderExcluirhttp://www.projetos.dicasblogger.com.br/
Leia com atenção todas as páginas e depois preencha o formulário.
Att, Juliana
Oi Ju! Deu certinho!
ResponderExcluirProcurava 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!!
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"
ResponderExcluiro 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!
Olá.
ResponderExcluirAcho 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
Inês, nós possuímos uma parte que é exclusiva para iniciantes:
ResponderExcluirhttp://www.dicasblogger.com.br/search/label/Primeiros%20Passos
Oi Juliana,
ResponderExcluirJá 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
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
ResponderExcluirValeu!!!
ResponderExcluirObrigado pelas dicas, eu estava precisando...
Boa!!!! deu certinho aqui pra mim, sem nenhum problema.. valeu dicasblogger.
ResponderExcluir