27 setembro 2010

Anúncios nas postagens do Blogger

Feed
Assine nosso Feed ou receba os artigos por email

make-money-roadsign_480.26881226_std

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.
  1. Vá no site do programa de anúncios e gere o código.
  2. 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'>

adsense-post 

Espero ter conseguido facilitar a vida dos futuros ProBloggers.
Meus agradecimentos aos queridos gurus, Ariane e Compulsivo.

Seja o primeiro a comentar

Postar um comentário


Web Statistics

  ©BLOG Dicas e Tutoriais | Truques, Templates, Gadgets e muito mas. - Todos os direitos reservados.

Template by Dicas e Tutorias Blog. | Topo  

BlogBlogs.Com.Br