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)
< e <
Ficando dessa forma:
<script type="text/javascript"><!--
código do anúncio
//--></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"><!--
código do anúncio
//--></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"><!--
código do anúncio
//--></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