» Códigos, Dicas, Templates, Tutoriais para deixar o seu blog do seu jeito!

Como Adicionar Anúncios do Adsense Abaixo do Primeiro Post do seu Blogger

Anuncios do Adsense Abaixo do Primeiro Post do Blogger
Olá Amigos,
Estava procurando este recurso há algum tempo, mas não encontrava uma forma fácil de explicar.
Estes dias encontrei como fazer e de uma forma bem fácil que até já apliquei aqui no TPV.
Gostei tanto que resolvi publicar antes de outros artigos que estão no forno.

Trata-se da condicional isFirstPost que também serve para você configurar o CSS do primeiro post do blog deixando-o mais atrativo. Mas isso é assunto para um outro artigo.

É uma boa opção para colocarmos anúncios Adsense abaixo do 1º Post mantendo o destaque para o post mais recente do seu blog e aproveitar para colocar uns anúncios Adsense num local bem estratégico.

Neste artigo vou ensinar como colocar um anúncio Adsense abaixo do 1º Post do seu blog como está aqui no TPV e no Demoplate2010-2

Vamos lá:

1º Passo: Adicionando o Código Abaixo do 1º Post

Para ajudar: »Leia:Como Acessar o Editor de HTML e Ativar o Search
Encontre a linha
<b:include data='post' name='post'/> 
Cole este código▼ abaixo desta linha▲
<b:if cond='data:post.isFirstPost'>
<div align="center" style="margin-top:0px; margin-bottom:10px;">
Cole o Código do Anúncio Adsense Aqui
</div>
</b:if>
♦ Clique em Salvar modelo.

Seu código ficará parecido com este:
Anuncios do Adsense Abaixo do Primeiro Post do Blogger

Observação:

Note que no bloco de códigos você tem a opção de configurar as margens superior e inferior do seu bloco de anúncios do Adsense.
<div align="center" style="margin-top:0px; margin-bottom:10px;">
Nesta linha a margem superior está representada por margin-top:0px; e a margem inferior por margin-bottom:10px;
Configure da forma que achar necessário.

2º Passo: Cole o Código Adsense no Local Indicado da Forma Correta

Para que o anúncio Adsense funcione corretamente no seu blog você deve converter o código HTML para XML.

Veja o exemplo:

» <code> → HTML
» &lt;code&gt; → HTML convertido para XML → Claro que não são apenas as chaves < > do código do anúncio Adsense que devem ser alteradas, mas a idéia é essa.

Como Converter códigos HTML

Encontrei 4 sites na internet que fazem isso automaticamente.
Você deverá copiar o código HTML do seu anúncio Adsense e colar em um destes sites abaixo para convertê-lo.

Cada site tem uma forma de converter o seu código:
1- Blogcrowds - Recurso Parse
No Blogcrowds você deve colar o código HTML na caixinha e clicar em PARSE.
Depois copie o código convertido e cole no local indicado da condicional isFirstPost

2- HTML to XML Parser
Neste site ao colar o código HTML, este já será convertido automaticamente.

3- Freebits
Aqui você cola o HTML na primeira caixa clica em Convert Code e seu código está pronto para ser usado no seu template.

4- Conversos HTML
Este site é em português e não tem segredo nenhum como fazer para converter o seu código.


Fonte: http://helplogger.blogspot.com.br/
Como Adicionar Anúncios do Adsense Abaixo do Primeiro Post do seu Blogger Como Adicionar Anúncios do Adsense Abaixo do Primeiro Post do seu Blogger Reviewed by Aurea R C on 9/10/2013 Rating: 5

7 comentários:

  1. Parabéns, estava procurando há muito tempo, mais nenhum dava certo no meu template, seu código encaixou exatamente do jeito que eu queria. valeu

    ResponderExcluir
    Respostas
    1. Que bom que pude ajudar Junior.
      Espero que você encontre mais opções interessantes para aplicar em seu blog aqui no TPV!
      Seja bem vindo!

      Excluir
    2. Você poderia me ajudar, Vc tem algum tutorial ensinando como colar para as pessoas se cadastrarem no meu blog, Tipo criar conta. com email e senha.

      Excluir
  2. Nossa passei umas 5 horas tentando e nao consegui, so agora que deu certo.


    Muito Obrigado :D

    ResponderExcluir
    Respostas
    1. Olá Gabriel,
      Fico feliz que tenha dado certo para você! Este recurso é bem legal para melhorar os ganhos do blog.
      Seja sempre bem vindo ao TPV.

      Excluir
  3. O meuanúncio ficou dentro do corpo da postagem e nao abaixo entre uma postagem e outra. Será q pode me ajudar? Se quiser dar uma olhada: comprandobeleza.com.br Grata.

    ResponderExcluir

Todos os comentários são lidos e moderados antes da publicação.
Para que seu comentário seja publicado leia a Política de Comentários do Blog no post Regras do Blog

Tecnologia do Blogger.