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á:

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:

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/