20 de abril de 2014

Colocar anúncios do Adsense dentro das postagens no Blogger


Cadastre-se no Egrana!

O Google Adsense é o sistema de monetização de blogs mais usado em todo o mundo, iniciantes ou não. Isso se deve principalmente pela facilidade em que é possível se inscrever no mesmo, e isso faz com que ele seja muito usado por blogueiros novatos. Porém ganhar dinheiro com o sistema não se trata de uma tarefa tão fácil, inclusive muitas pessoas dependendo do tráfego recebido, acabam por esperar por alguns meses para enfim receber seu primeiro salário.

Uma das estratégias que uso e recomendo é inserir anúncios em espaços estratégicos, ou seja, que esteja bem visível ao leitor, e que não prejudique a leitura.

INSERINDO ANÚNCIOS DENTRO DAS POSTAGENS NO BLOGGER


Foto: Divulgação/Como Blogar 

Antes de tudo, é altamente recomendável que você faça um rápido backup do seu template, dessa forma, caso ocorra algum erro, você poderá voltar seu template da mesma maneira em que estava antes do tutorial.

1° passo: Acesse o painel do Google Adsense e gere o código do seu anúncio como você já está acostumado a fazer. O mais recomendável é que o tamanho do anúncio seja 300 x 250, mas você pode colocar o tamanho que desejar.

2° passo: Após gerar o código do anúncio, é necessário que você o converta para que ele funcione em seu blog. Para fazer isso, clique aqui, cole o código gerado no formulário e clique em “Convert”. Automaticamente será gerado um novo código, copie e cole no bloco de notas pois precisaremos dele no 4° passo.

3° passo: Agora acesse o painel do blogger, escolha o blog que você deseja instalar, selecione a opção modelo, clique em “Editar HTML”.

4° passo: Agora usando o Ctrl + F, procure pela tag <data:post.body/>, e insira o seguinte código acima dela:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;padding:2px'>
CÓDIGO DO ANUNCIO CONVERTIDO
</div></b:if>

5° passo: Substitua o texto em vermelho pelo código que você colocou no bloco de notas.

Automaticamente o anúncio ficará do lado direito do artigo, se você quiser colocar do lado esquerdo basta substituir o trecho float:right, por float:left.

Obs.: Os anúncios aparecem apenas nas páginas dos artigos, e não na página inicial.

Espero que vocês tenham gostado, e até o próximo tutorial. 

5 comentários:

  1. otimo artigo bhother concerteza me ajuda bastante

    se puder me siga

    blogger>>:www;fodaseaoquadrado.blogspot.com

    tamu junto

    ResponderExcluir
  2. Obrigado foi o único que deu certo aqui no meu site :)

    ResponderExcluir
  3. Acabei de fazer isso, mas até agora não apareceu, vou esperar um pouco pra ver si aparece ;)

    http://pedroigorsf.blogspot.com.br/

    ResponderExcluir