Colocar bloco do AdSense dentro das postagens, no lado direito ou esquerdo

Hoje eu vou ensinar como colocar o bloco do AdSense dentro das postagens no lado direito ou esquerdo. Essa é uma posição muito rentável, pois, o bloco fica bem visível para os visitantes.

Como você pode ver na imagem o bloco fica alinhado com o texto, mesmo assim há espaço suficiente para não confundir seus leitores.

 

1 – Para começar crie um código de anúncio do Google AdSense (é recomendado usar os formatos 250x250, 300x250, ou 336x280).

2 - Salve o código completo do anúncio para um arquivo .txt (bloco de notas).

3 - Seu código estará assim:

 

<script type="text/javascript"><!--
código do anúncio
//-->

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

 

4 - Substitua a parte em vermelho: <!-- e //--> por estes códigos: &lt;!-- e //--&gt;

Seu código ficará assim:

 

<script type="text/javascript">&lt;!--
código do anúncio
//--&gt;

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

 

5 - Agora acrescente os seguintes códigos antes e depois do AdSense já modificado como indicado abaixo:

 

<div class='adv'>
CÓDIGO DO ADSENSE AQUI
</div>

 

Ficará assim:

 

<div class='adv'>

<script type="text/javascript">&lt;!--
código do anúncio
//--&gt;

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>

 

2 – Agora entre no Blogger, clique em Layout, em seguida Editar HTML.

3 – Antes de mais nada não esqueça de fazer um backup do seu template, para isso clique em Baixar modelo completo.

4 – Marque a opção Expandir modelos de widgets.

5 - Agora aperte as teclas (Ctrl) + (F) e encontre esse trecho: <data:post.body/>.

6 – Cole o código do AdSense que você modificou Antes da tag <data:post.body/>.

7 - Aperte as teclas (Ctrl) + (F) novamente e procure por esse trecho: ]]></b:skin>. Cole o seguinte código Antes:

 

.adv
{
float:left;
padding-right:10px;
padding-right:10px;
}

 

A palavra left (esquerda) pode ser substituída por right (direita), para definir a posição do anúncio.

8 – Clique em "Visualizar" para ver se aconteceu algum problema, se estiver tudo certo clique em Salvar Modelo

Obs: caso queira ocultar os anúncios na página principal, acrescente as seguintes linhas ao código AdSense.

 

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<div class='adv'>

<script type="text/javascript">&lt;!--
código do anúncio
//--&gt;

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>

</b:if>