Colocar 2 blocos Adsense lado a lado

Como vocês podem ver aqui no Soluções Blog utilizo 2 blocos Adsense lado a lado, o que é uma mão na roda pois deixa 2 anúncios em um pequeno espaço, hoje vários blogs utilizam esse método em suas páginas, não necessariamente só para blocos Adsense, você também pode colocar qualquer outro banner ou elemento HTML, vamos ver agora como adicionar esta utilidade em seu Blog.

Colocar 2 blocos Adsense lado a lado no Blog:

1. Primeiramente você deve adicionar seu códigos Adsense ao código abaixo, porém antes você tem que convertê-los.

Acesse: Parse HTML for Blogger XML Templates cole seu código Adsense, clique em "Parse" e em seguida substitua  onde indicado em vermelho no código abaixo:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div align=&quot;center&quot;&gt;&lt;!-- Inicio --&gt; &lt;b:if cond=&#39;data:blog.pagetype == &amp;quot;item&amp;quot;&#39;&gt; &lt;br /&gt; &lt;table border=&#39;0&#39; cellpadding=&#39;0&#39; cellspacing=&#39;0&#39; unselectable=&#39;on&#39;&gt;&lt;tbody&gt; &lt;tr&gt; &lt;td valign=&#39;top&#39;&gt; &lt;!-- Inicio --&gt;Seu codigo adsense covertido aqui&lt;!-- Final --&gt; &lt;/td&gt; &lt;td valign=&#39;top&#39;&gt; &lt;!-- Codigo Artigos Relacionados Inicio --&gt;Seu codigo adsense covertido aqui&lt;!-- Final --&gt;&lt;br /&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt; &lt;!-- final --&gt;&lt;/b:if&gt; &lt;!-- Rodape dos artigos Final --&gt;&lt;/div&gt;
</b:if>
2. Agora você deve escolher o local onde você deseja que os anúncios apareçam, vou dar umas dicas dos melhores lugares.

Para adicionar os anúncios dentro de todas suas postagens abaixo do título de cada uma:

Vá até "Modelo", "Editar HTML" selecione "Expandir modelos de widgets" e procure por <div class=’post-header-line-1&#8242;/> 

Se não achar procure por: <div class='post-header-line-1'/> 

Logo abaixo de um destes cole o código que você deixou esperando anteriormente.


Para adicionar os anúncios no final de todas suas postagens antes dos comentários:

Vá até "Design", "Editar HTML" e "Expandir modelos de widgets" e procure por <div class=’post-footer’> 

Se não encontrar procure por: <div class=’post-footer-line post-footer-line-1&#8242;> 

E imediatamente abaixo de uma destas linhas cole o código que você deixou esperando anteriormente.

3. Clique em Salvar Modelo e veja o resultado.

Concluindo:

Espero que com esta dica você possa alcançar melhores resultados no Adsense e também melhorar aparência e usabilidade de seu Blog, deixe comentários sobre qualquer dúvida e também se ocorreu tudo certo.

6 comentários:

  1. Muito bom cara!
    Primeiro blog que realmente mostrou o que eu precisava.
    Valew!

    ResponderExcluir
  2. Ajudou-me muito! Parabéns! Ficou Perfeito!

    Visite: http://lucrarcomblog.blogspot.pt/

    ResponderExcluir
  3. Cara seu blog e o melhor!!!
    ajudou muito valeu obrigado mlk doido kkk...
    meu blog ::: http://belinha040987.blogspot.com.br/

    ResponderExcluir
  4. Olá amigo! Segui as dicas sugeridas porém no meu blog agora ou aparece os anúncios lado a lado na postagem ou aparem os anúncios da barra lateral do blog! Gostaria que ficasse como no SB. Como proceder?. No aguardo. Att.,

    ResponderExcluir
  5. Cara muito Obrigado!! único blog que deu certo.

    ResponderExcluir

Todos os direitos reservados © Soluções Blog - Desenvolvido por Gustavo Solbas. Tecnologia do Blogger.