Páginas

sábado, 1 de agosto de 2009

Adicionar Adsense no corpo do post







Navegando em varios blogs sempre encontrei adsenses nos posts, mais não achei que ficavam organizados, então vendo um adsense em um post do Wordpress fiquei intrigado, e comecei a fazer testes e consegui embutir o código para aparecer somente no post e não na pagina inicial e de forma organizada como aparece neste post.

Entao vamos ao que interessa:


1- Gere o código do anúncio site do Adsense .
Exemplo:
<script type="text/javascript"><!--
código do anúncio
//--></script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>

2- Copie o código e cole no bloco de notas. Substitua os sinais
em vermelho por estes códigos em azul: (se não alterar o código não vai funcionar)

&lt; e &lt;

Ficando dessa forma:

<script type="text/javascript">&lt;!--
código do anúncio
//--&gt;</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>

3- Vamos acrescente uma tabela a esse código, veja as partes a serem acrescentadas destacados em vermehlo: (a tabela é necessário para separar o Adsense do post)

<!—sistema de adsense coluna post-->
<table height="0%" cellspacing="3" cellpadding="3" width="0%" align="right" border="0">
<tbody>
<tr>
<td>
<!-- adsense post (essa linha e para facilitar a localizaçao do adsense caso futuramente nescecite alterar o codigo do anuncio)-->
<script type="text/javascript">&lt;!--
código do anúncio
//--&gt;</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!-- fim adsense post--gt;
</td>
</tr>
</tbody>
</table>
<!-- fim sistema adsense coluna post-->

4- Agora vamos inserir o código no post.

(antes de qualquer alteração, sempre salve uma cópia do seu
template , clique em Baixar Modelo Completo, uma cópia do seu template será salva no seu computador)


Vamos la.

Vá em Modelo, Editar HTML e clique em Expandir Modelo de Widget. Agora encontre este trecho do código do seu template:

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

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p>
<div>

<b:if cond='data:post.allowComments'>

5- Insira, abaixo desta linha, o código do anúncio já modificado.
Vai ficar assim:

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

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p>
<div>

<b:if cond='data:post.allowComments'>

<!—sistema de adsense coluna post-->
<table height="0%" cellspacing="3" cellpadding="3" width="0%" align="right" border="0">
<tbody>
<tr>
<td>
<!-- adsense post (essa linha e para facilitar o localizaçao do adsense caso futuramente nescecite alterar o codigo do anuncio)-->
<script type="text/javascript">&lt;!--
código do anúncio
//--&gt;</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
<!-- fim adsense post--gt;
</td>
</tr>
</tbody>
</table>
<!-- fim sistema adsense coluna post-->

6- Salve seu template.

Para os novos Templates Blogger clik aqui

Bons lucros!

Fonte inicial TEMPLATES PARA NOVO BLOGGER, alterações feitas por mim.

Nenhum comentário:

Postar um comentário

Publicidade