Adsense, lado a lado! Fácil!


Adsense, lado a lado! Fácil!
Recebi alguns e-mails pedindo para que eu publicasse um post referente ao Google Adsense, explicarei de forma rápida e eficaz como eu faço aqui no blog, bloco de anúncio com 2 adsense abaixo do título do post, vale lembrar que poderá usar no máximo 3 anúncios por página então vamos lá:

Importante: Veja se seu template tem o campo que suporte os anúncios lado a lado, caso não você tem 2 alternativas, modificar a área do post ou modificar o tamanho de seu anúncio no site do Adsense.

Para iniciar vá até sua conta do google adsense e pegue o seu código(copie para usarmos a seguir), agora precisaremos modificá-lo para implantarmos no nosso blog, para isso acessa a página aqui, cole o seu código e clique em "PARSE", abrirá um outro campo informando o seu código Adsense parseado, copie esse código pois este será usado logo a seguir.

Vá para seu painel de controle do blogger, após acessar vá em modelo -> editar html -> prosseguir, na próxima tela marque a opção "expandir modelos de widgets", para procurar algum código rapidamente usamos o atalho ctrl+F, procure pela linha abaixo (pode mudar de acordo com seu template):

<div class='post-header-line-1'/>


logo abaixo desta linha coloque o seguinte código:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='display: inline; float: left; margin-right: 5px'>
-----coloque o código aqui-------
</p>
<p style='display: inline; float:right; margin-left: 5px'>
-----coloque o código aqui-------
</p>
</b:if>

Substitua a parte em vermelha pelo código modificado a qual você já copiou, ele ficará parecido com o código abaixo:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='display: inline; float: left; margin-right: 5px'>
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;ca-pub-2143015228012621&quot;;
/* post */
google_ad_slot = &quot;2665452979&quot;;
google_ad_width = 300;
google_ad_height = 250;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;
</p>
<p style='display: inline; float:right; margin-left: 5px'>
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;ca-pub-2143015228012621&quot;;
/* post */
google_ad_slot = &quot;2665452979&quot;;
google_ad_width = 300;
google_ad_height = 250;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;
</p>
</b:if>


Visualize seu template e se não ocorrer nenhum problema salve-o e veja o resultado, ele deverá aparecer lado a lado como a imagem abaixo, ou se preferir veja no início deste post:



-->


5 comentários

Sidvan Fianeze disse...

Excelente dica, bem simples e direta. Inclusive testei no meu blog e funcionou. Mas eu quero que o Adsense apareça no final do post. Posso usar o mesmo código? Se sim, em que lugar do HTML?

@sedavanxarope
http://euadoromorarnainternet.blogspot.com.br/

Fernando Souza disse...

Boa tarde, obrigado pelo elogio, vamos lá você pode usar o mesmo código só precisa colocá-lo em outra linha, siga o exemplo:

Vá para seu painel de controle do blogger, após acessar vá em modelo -> editar html -> prosseguir, na próxima tela marque a opção "expandir modelos de widgets", para procurar algum código rapidamente usamos o atalho ctrl+F, procure pela linha abaixo:

div class='post-footer

Logo acima desta linha cole o código e veja o resultado.

Lucas ramires disse...

ótimas dicas cara brigadão

Fernando Souza disse...

Eu que agradeço o comentário.

ADM_Z disse...

Valeu muito bom deu certo aqui

ZEAMERICA

Postar um comentário

Seguidores

 
Copyright (c) 2008-2010 FerramentasBlog.com | Tecnologia do Blogger | Sobre LemosIdeias.com | Não são autorizadas obras derivadas.