Divulguei, recentemente, formas de exibir os anúncios pagos dentro dos posts.
Porém, hoje fui fazer os procedimentos para meu novo blog e me perdi um pouco entre tantos links, de tantos blogs... então, resolvi colocar tudo em um único post, para facilitar a minha vida e a de vocês.
Vale tanto para o AdSense quanto para o UOL afiliados.
Os créditos irão para os seguintes blogs, de onde retirei o conteúdo para este tutorial:
Templates Novo Blogger-Usuário Compulsivo-Blosque
- CONVERTENDO O CÓDIGO
A primeira coisa que devemos fazer para colocar anúncios nos posts é converter o código gerado pelo programa de afiliados. Este procedimento não fere os termos do AdSense.
- Vá no site do programa de anúncios e gere o código.
- Entre neste site , cole o código na caixa em branco e clique em PARSE. Assim estaremos convertendo-o para a linguagem aceita pelo Blogger.
- COLOCANDO OS ANÚNCIOS NOS POSTS
Para inserirmos as anúncios nas postagens, é necessário editar o html do template.
Basta ir em "Layout" e escolher "editar html"
Uma forma fácil de encontrar as tags (trechos de códigos) é utilizando o Crtl+F do teclado.
- ESCOLHENDO A MELHOR LOCALIZAÇÃO
PARA INSERIR ENTRE O TÍTULO E O POST:
Insira o script convertido antes da tag <div class='post-body'>
PARA INSERIR NO FINAL DO POST:
Insira o script antes da tag <div class='post-footer'>
PARA INSERIR APÓS OS CRÉDITOS:
Insira o script antes da tag <p class='post-footer-line post-footer-line-3'>
- ESCOLHENDO A HOME OU PÁGINAS INDIVIDUAIS
É possível configurar para que os anúncios apareçam na home page ou apenas nas páginas individuais. Eu prefiro a segunda opção pois deixa o visual mais clean.
Abra o bloco de notas, copie os código em vermelho e insira o do anúncio conforme indicado.
PARA INSERIR OS ANÚNCIOS NAS PÁGINAS INDIVIDUAIS:
<b:if cond='data:blog.pageType == "item"'>
BLOCO DE ANÚNCIO
</b:if>
PARA INSERIR NA HOME:
<b:if cond='data:blog.pageType != "item"'>
BLOCO DE ANÚNCIO
</b:if>
Feito isto, escolha a melhor localização como explicado anteriormente.
- UM EXEMPLO PRÁTICO
Quero colocar um anúncio do AdSense, entre o título e o post, somente nas páginas individuais.
<b:if cond='data:blog.pageType == "item"'>BLOCO DE ANÚNCIO CONVERTIDO
</b:if>
<div class='post-body'>
Espero ter conseguido facilitar a vida dos futuros ProBloggers.
Meus agradecimentos aos queridos gurus, Ariane e Compulsivo.
