Fique sempre atualizado Curti;

Receba GrátisNosso conteúdo

26/10/2012

Tutorial - Como colocar dois banners do Adsense abaixo do título dos posts?

,
baixo do título dos posts é talvez, o lugar mais lucrativo para se colocar anúncios, pois quanto mais integrado ao conteúdo, mais chances são dos visitantes clicarem naquele anúncio. Podemos aumentar as chances ainda se colocarmos DOIS anúncios debaixo do título. Para isso, vou ensinar nesse artigo uma forma de colocar 2 banners (do Adsense ou de qualquer outro programa de afiliados) abaixo do título dos posts.
O modelo que vou ensinar é o seguinte:
Como colocar dois banners do Adsense abaixo do título dos posts?
Note, os dois blocos de anúncios abaixo do título dos posts.
1. Escolha os dois banners?
Primeiramente, devemos escolher os banners. Para escolher devemos prestar atenção na largura, pois os dois banners devem caber na largura dos posts. Ou seja, se você tem uma área de post de 600px, você deve escolher anúncios que devem ter no máximo 300px de largura.
Depois de escolher, devemos pegar o código e converter para uma linguagem aceita no Blogger. Podemos fazer isso aqui.

Um Exemplo prático

Escolhi dois banners. O código deles são:
Primeiro Banner
<a href="http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=joaoeg"><img src="http://1.bp.blogspot.com/-7_1HTVoMMCA/TgUQBn6VnnI/AAAAAAAABwU/26zeLWbyGCY/s1600/hostgator.gif" border=0></a>
Segundo Banner
<a href="http://www.cursos24horas.com.br/parceiro.asp?cod=promocao39054&id=39365"><img alt="Cursos 24 Horas" style="border:1px solid #000;" width="300" height="250" src="http://www.cursos24h.net.br/banners/gif1/300x250.gif" /></a>
Depois de ter escolhido, devo transformar nesse site. Para transformar, devemos colar o código do banner e clicar em “Encode”. Veja:
Como colocar dois banners do Adsense abaixo do título dos posts?
Depois de codificado, meus códigos de banner ficaram assim:
Primeiro Banner
&lt;a href=&quot;http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=joaoeg&quot;&gt;&lt;img src=&quot;http://1.bp.blogspot.com/-7_1HTVoMMCA/TgUQBn6VnnI/AAAAAAAABwU/26zeLWbyGCY/s1600/hostgator.gif&quot; border=0&gt;&lt;/a&gt;
Segundo Banner
&lt;a href=&quot;http://www.cursos24horas.com.br/parceiro.asp?cod=promocao39054&amp;id=39365&quot;&gt;&lt;img alt=&quot;Cursos 24 Horas&quot; style=&quot;border:1px solid #000;&quot; width=&quot;300&quot; height=&quot;250&quot; src=&quot;http://www.cursos24h.net.br/banners/gif1/300x250.gif&quot; /&gt;&lt;/a&gt;
Pronto, já tenho os códigos.
Colocando no Blog
Agora que já escolhemos e codificamos, resta colocar no blog. Para isso, acesse “Design” -> “Editar HTML” e marque a caixinha expandir modelos de widgets. Encontre a linha: <div class='post-header'>, e cole logo Depois o seguinte código:
&lt;b:if cond='data:blog.pageType == &quot;item&quot;'&gt;
&lt;center&gt;
&lt;table width=&quot;100%&quot; style=&quot;border:0; margin-top:10px; margin-bottom:5px;&quot;&gt;
  &lt;tr&gt;
    &lt;td&gt;
 CODIGO-DO-BANNER-1     &lt;/td&gt;
    &lt;td&gt;
 CODIGO-DO-BANNER-2     &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;/center&gt;
&lt;/b:if&gt;

Onde estiver “CODIGO-DO-BANNER-1” devemos colocar o código do primeiro banner que escolhemos e codificamos. E onde estiver “CODIGO-DO-BANNER-2” devemos colocar o código do segundo banner que escolhemos e codificamos.

Veja também ---- SMARTPHONE PELO MENOR PREÇO
Comentários
0 Comentários

0 comentários to “Tutorial - Como colocar dois banners do Adsense abaixo do título dos posts?”

Postar um comentário

ESCRAVA AQUI

 

Publicidade

Nerd Prainha Copyright © 2011 | Template design by NERD PRAINHA | Powered by OTA WEB