Como Adicionar Anúncios do Adsense Abaixo do Primeiro Post do seu 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á:
Encontre a linha
Seu código ficará parecido com este:
<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.
Veja o exemplo:
» <code> → HTML
» <code> → 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.
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:
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 SearchEncontre 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:
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
» <code> → 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
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.
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.
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.
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
Reviewed by Aurea
on
9/10/2013
Rating:

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
ResponderExcluirQue bom que pude ajudar Junior.
ExcluirEspero que você encontre mais opções interessantes para aplicar em seu blog aqui no TPV!
Seja bem vindo!
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.
ExcluirNossa passei umas 5 horas tentando e nao consegui, so agora que deu certo.
ResponderExcluirMuito Obrigado :D
Olá Gabriel,
ExcluirFico feliz que tenha dado certo para você! Este recurso é bem legal para melhorar os ganhos do blog.
Seja sempre bem vindo ao TPV.
PERFEITO!
ResponderExcluirFuncionou certinho...
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