AdSense no Blogger – Como Colocar Anúncios Google AdSense Entre o Título e o Conteúdo do Post no Blogger


Hoje vamos aprender a como colocar anúncios Google AdSense entre o título e o conteúdo do post no Blogger. Atendendo a pedidos este texto trata apenas da utilização de adsense no Blogger, mas em um próximo texto vamos falar do mesmo tema para quem utiliza WordPress como CMS ok? No mais é atenção e tranquilidade. Vamos lá!

Importante: Antes de fazer qualquer alteração no seu blog salve uma cópia do seu template. Por mais que pareça besteira, por vezes um simples ponto a mais ou a menos pode estragar seu template e você acabar ficando perdido sem saber onde alterou e consequentemente não tendo como arrumar. Portanto, sempre salve uma cópia do seu template (depois não diga que eu não te avisei).

AdSense no Blogger - Como Adicionar Anúncios Entre o Título e o Conteúdo do Post

Para baixar seu template:

Clique em Expandir modelos de widgets e em seguida clique em Baixar modelo completo para salvar uma cópia do seu template no seu computador.

Importante 2: Leia todo o conteúdo do post antes de tentar fazer o que o tutorial está ensinando. Basta ter paciência e ler tudo com cuidado, seguindo os passos com atenção que não tem erro.

1. Quais anúncios você usa?

A pergunta aqui é pertinente, pois tem gente que usa anúncios UOL e outros usam AdSense, além da turma que gosta de variar e fazer vários testes (levante a mão quem quiser me acompanhar \o).

Vamos ver:

Se você usa anúncios UOL, verá algo assim:

<script type="text/javascript">
<!--

Conteúdo do anúncio

-->
</script>

Já você que usa anúncios AdSense, verá algo assim:

<script type="text/javascript"><!–

Conteúdo do anúncio

//–>
</script>

Preste bastante atenção, se os seus anúncios são parecidos com esses você deve ficar ligado nos destaques em vermelho (é claro que os seus anúncios não tem nada em vermelho, só estou usando o vermelho aqui para destacar melhor tá?). Isso vale para o UOL, AdSense e qualquer outro que tenha trechos parecidos com os mostrados acima destacando o conteúdo do código do anúncio (<!-- e --> ou <!- e //->).

Agora você vai querer saber por que isso é importante certo? Hein?

Isso é importante porque se você jogar um anúncio que contenha os trechos mostrados acima direto no código do Blogger, não vai aparecer anúncio nenhum no seu blog e você vai pensar que fez coisa errada. Então, preste MUITA atenção agora!

Substitua (troque mesmo) os caracteres destacados em vermelho nos códigos acima da seguinte forma:

Este < por este &lt;

Este > por este &gt;

Por exemplo, no caso do AdSense ficaria assim:

<script type="text/javascript">&lt;!–

Conteúdo do anúncio

//–&gt;
</script>

2. Inserindo o código do anúncio no código do Blogger

Agora que você já sabe se o seu anúncio precisa ser alterado ou não e já sabe como fazer, vamos ver onde e como adicioná-lo no código do Blogger.

Em primeiro lugar, como já disse acima, salve uma cópia do seu template (sei que está ficando chato, mas prefiro isso ao ver gente reclamando que eu estraguei o seu blog).

Procure pelo código abaixo e adicione o seu código do anúncio modificado logo DEPOIS dele:

<div class='post-header-line-1'/>

Em seguida, clique em SALVAR e pronto!

Isso irá fazer seus anúncios aparecerem em todas as partes do blog entre o título do post e o seu conteúdo.

2. b) Alternativa

Fazendo da forma como foi explicado os anúncios aparecerão em todas as páginas do blog, arquivos, categorias, etc. Inclusive na home (página inicial).

O problema aí é que você pode não querer "poluir" tanto essas páginas não é mesmo?

Se você quiser que os anúncios apareçam somente quando o post é aberto individualmente, existe um truque simples, mas que faz a diferença!

No mesmo local onde eu indiquei para que você adicionasse os anúncios (abaixo do trecho <div class='post-header-line-1'/>), adicione o código, mas dessa vez, como está abaixo:

<b:if cond='data:blog.pageType == "item"'>

Seu anúncio modificado aqui

</b:if>

Como você deve ter visto, são duas tags (b:if abrindo e fechando) que vão antes e depois do seu anúncio modificado. Não é legal?

Heim? O que essas tags fazem?

Ei, você não estava prestando atenção né? :P

As tags fazem com que os anúncios apareçam apenas no post aberto individualmente. Simples assim!

Bom pessoal, basicamente é isso! Tirando as brincadeiras do Tio Tico, o tutorial está certinho e tudo funciona como tem que ser, não se preocupe!

Faça bom uso!

Imagem: Rafael Ortman

Tico Esteves
Web designer freelancer, criador e Webmaster responsável pelo bom funcionamento do Novo na Rede. Saiba mais!

Gostou do texto? Ajude a divulgar!

Se você divulga o conteúdo ajudando o blog, mais pessoas vão ler e comentar, incentivando um maior cuidado e atualização constante por parte da administração. Participe!

E por falar em incentivo... Já deixou seu comentário hoje?
     

Artigos Relacionados:





17 ideias sobre “AdSense no Blogger – Como Colocar Anúncios Google AdSense Entre o Título e o Conteúdo do Post no Blogger

  1. Pingback: Como Adicionar Anúncios Entre o Título e o Conteúdo do Post | diggBlog

  2. Olá Tico, estava com saudades…
    Tentei colocar no meu “novo” blog,o tamanho do anúncio é até menor do que está na página inicial, mas quando salvo e visualizo, desconfigura todo o layout. Onde será que esta “malinha” aqui está errando.

    Super abraço

  3. Olá minha amiga sumida!

    Olha só, o tamanho do anúncio não desconfigura o layout (ao menos não que eu saiba :P ). Não sei bem o que pode estar dando errado. Será que você não apagou alguma parte errada não? Não sei mesmo! :(

    Sinto muito não poder te ajudar mais, mas não sei mesmo…

    Olha, te aconselho a fazer um blog de testes para fazer… testes! :P

    Vê se não some tá?

    Abração!

  4. Obrigada meu amigo, estou fazendo testes e mais testes, mas continua desconfigurando tudinho. O que está na sidebar passa para cima das postagens. Vou continuar tentando. Volto em breve.

    Super abraço

  5. Ah que bom que você conseguiu resolver o problema! (realmente esse peça vive dando erro por aqui também! :P )

    Ficaram ótimos os anúncios, parabéns!

    Agora vê se não some mais heim?

    Abração e não esquece dos amigos! :)

  6. Tico, show de bola! Funciona direitinho. Só tem um porém…

    Quando fui colocar o código no meu blog aparecia o seguinte erro:

    “Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente. Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “cond”.”

    Demorei um século para descobrir o problema, então gostaria de compartilhar a solução. :) A questão está no código da “alternativa” que você propôs para os anúncios só aparecerem em posts individuais. Onde está:

    b:if cond=’data:blog.pageType == “item”’

    Deveria estar:

    b:if cond=’data:blog.pageType == “item”‘

    Viram a diferença? Pois é, nem eu a primeira vista… :) Em vez de fechar o atributo com ’ deve-se usar ‘. Só isso. Espero que ajude alguém com a mesma dúvida… :)

    Abraço, obrigada pela ajuda e parabéns pelo blog.

    • Olá Ana,

      Obrigado por seu comentário e por suas palavras. Fico feliz que você tenha encontrado o que procurava por aqui.

      Sinceramente nunca vi nada parecido com isso, mas… o Blogger tem dessas coisas! :P

      Obrigado por compartilhar sua descoberta!

      Um abraço!

  7. Pingback: Google Ad: Ganhando Dinheiro Com Google Ad! - Novo na Rede

  8. e ai tudo bem? minha dúvida é o seguinte, eu posso mudar o tamanho dos anúncio por exemplo: mexer nas configurações e alterar, tipo fazer a minha própria configuração e não ter que escolher a do google. por favor ajuda-ae muito obrigado! e seus pots veem me ajudando muito esses últimos tempos kkk vlw.

    • Oi Allan,
      O AdSense tem tamanhos já definidos para os seus blocos de anúncios. Você pode escolher entre eles e também modificar o tamanho da fonte, cor e tipo da mesma. Mais que isso não tem como fazer.
      Fico feliz em saber que os artigos que tem encontrado por aqui estão ajudando.
      Um abraço e obrigado pelo retorno!

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>