Anúncios nas postagens do Blogger
Tweet |
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
- 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
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
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
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
<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.
Postar um comentário