Colocar banner automatico nas postagens

segunda-feira, 4 de março de 2013

Hoje vou mostrar como colocar elementos automaticos dentro das postagens e depois de "leia mais", como por exemplo: propaganda, banners, textos personalizados, etc.
Para fazer isso, você precisa de um ponto de referência, e se usar o "leia mais", isso fica muito mais fácil de implementar. 
Vamos ver como:

Clique em "Modelo" e depois em "editar html".
Clique em "Expandir..." e tecle "Ctrl + f".
Procure por "</head>" e antes dela cole o código abaixo:

<script type='text/javascript'>
$(document).ready(function(){
$(&#39;a[name=&quot;more&quot;]&#39;).before($(&#39;#moreadsense&#39;).html());
});
</script>

Não modifique nada no código.
Agora procure por:

<data:post.body/>

Abaixo dele, cole o código a seguir:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='moreadsense'>
<br/>
<center>

ÁREA PARA O ELEMENTO DESEJADO
</center>
<br/>
</div>
</b:if>

Na área demarcada, coloque o código do elemento que você quer que apareça abaixo do "leia mais".

Você pode colocar links, imagens, textos, afiliados e também propagandas do Google Adsense.
Para usar os anúncios do Adsense você precisa acessar o "HTML Entities Encode and Decode", fazendo assim:

Cole o código do anúncio onde diz "Input";
Clique em "Encode";
Copie o código que aparece em "Result";

Pronto, agora você pode adicionar este código na área do elemento do nosso script.

Boa sorte e bons lucros!

Quero dar os parabéns para o "Ferramentas Blog" pelo exelente script.



Nenhum comentário:

Postar um comentário

Obrigado por sua visita!
Seu comentário será publicado e respondido o mais rápido possível.
Por favor:
- Coloque seu nome no comentário;
- Não faça spam (o comentário será excluído);