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 == "item"'>
<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 == "item"'>
<p style='display: inline; float: left; margin-right: 5px'>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2143015228012621";
/* post */
google_ad_slot = "2665452979";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
<p style='display: inline; float:right; margin-left: 5px'>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2143015228012621";
/* post */
google_ad_slot = "2665452979";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</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
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/
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.
ótimas dicas cara brigadão
Eu que agradeço o comentário.
Valeu muito bom deu certo aqui
ZEAMERICA
Postar um comentário