Neste tutorial, vou ensiná-los à posicionar o banner do adsense (ou qualquer outro, na verdade) entre o título e o conteúdo do seu post,com diversas formas de alinhamento. Esse tutorial foi testado tendo como base o template "Mínima" no blogger, então, caso não encontre o script exato, procure por algo semelhante.
Mãos à obra?
0- Lembre-se sempre que antes de qualquer modificação, faça o backup do seu template.
1- adicione o seguinte código de css antes da tag: ]]></b:skin>
.ads
{
float:left;
padding-right:10px;
}
2- Clique na opção "Expandir modelos de widgets" e procure por isto:
<p><data:post.body/></p>
3- Vá agora até este site, cole o seu código adsense lá e clique em "Parse".
Isto fará com que as tags: <!-- e //--> serão substituídas por <!-- e //--> respectivamente. Caso contrário, o blogger NÃO exibirá seu adsense.
4- Entre as tags <p> e <data:post.body/> coloque a linha abaixo em vermelho, com seu código do anúncio JÁ MODIFICADO no passo anterior, como no exemplo a seguir:
<p>
<div class='ads'>COLOQUE AQUI O SEU CÓDIGO ADSENSE MODIFICADO</div><data:post.body/>
</p>
5- Visualize pra ver se está tudo no lugar e salve. Está pronto.
ATENÇÃO: Desta maneira, o anúncio será posicionado à esquerda na coluna do post, e o texto aparecerá abaixo. Pra posicioná-lo à direita, coloque float:right; onde você vê float:left; ficando assim:
.ads
{
float:right;
padding-right:10px;
}
Pra colocar o texto AO LADO dos anúncios, retire o float, ficando desta forma:
.ads { padding-right:10px; }
Lembrando que os anúncios aparecerão na home também, e como o Google só permite a exibição de 3 blocos de anúncios Adsense por página, sugiro que você reduza a quantidade de posts na home pra três. No próximo post, vou ensinar como exibir os anúncios apenas nas páginas individuais.
Aguarde