quarta-feira, 10 de abril de 2013

Exibir Conteúdo automático após “Leia mais” de posts no Blogger

A exibição de anúncios em todos os artigos imediatamente abaixo do primeiro parágrafo de todos os artigos, inseridos abaixo da tag <!–more–> de forma automática. Agora é possível fazer isso no Blogger de forma bem simples com um Script e algumas modificações fáceis de aplicar. Pode ser inserido AdSense ou qualquer outros conteúdo que preferir.
O problema é que, para fazer a mesma coisa no Blogger não era possível ou tinha que ser feito manualmente. O que tornava mais complicado se precisasse de alterar tudo.

Então descobri um ótimo código que aplica qualquer conteúdo após a tag <!–more–> (que faz aparecer o resumo de postagem, o link “Leia mais…” para os artigos do Blogger – Inserir expansão de postagem).
Se você usa essa tag em seus artigos para criar os resumos de postagem, então poderá usar esse recurso que vou mostrar agora.

Como inserir conteúdo após o Primeiro parágrafo de Posts no Blogger

1. Abrindo o painel de controle do Blogger, clique no menu “Modelo” e depois no botão “Editar HTML”. Na janela que abrir, marque a opção “Expandir modelos de widgets” para ver todo o código fonte do seu template.
2. Agora procure pela linha:
</head>
3. Imediatamente ANTES dela, cole o seguinte trecho, sem modificar nada:
<script type='text/javascript'>
$(document).ready(function(){
$(&#39;a[name=&quot;more&quot;]&#39;).before($(&#39;#moreadsense&#39;).html());
});
< /script>

4. Agora volte a procurar pela linha:
<data:post.body/>
5. E logo ABAIXO disso, cole esse novo trecho, só alterando o que estiver indicado:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
< div id='moreadsense'>
< br/>
< center>
Coloque aqui o que quiser exibir
< /center>
< br/>
< /div>
< /b:if>

6. Salve o modelo para aplicar as mudanças.

O que colocar para exibir?

Você pode colocar imagens, links e pequenos textos, bem como qualquer bloco de anúncios do AdSense ou outro programa afiliado que desejar, desde que seja dentro das regras.
O AdSense permite esse tipo de inserção, desde que não confunda com seu conteúdo e não engane os visitantes.
No caso, para quem for usar o AdSense, precisa aplicar o Encode antes de colar o código do AdSense no código fonte do Blogger.
Acesse o HTML Entities encode and decode e, como o exemplo da imagem abaixo, cole o código do bloco de anúncios onde diz “Input” e clique no botão “Encode” para usar o código que aparecer no “Result”:

Para todo o resto, pode usar códigos HTML e texto normalmente.
Use a sua criatividade para chamar a atenção do seu público, divulgar suas redes sociais ou ganhar mais dinheiro vendendo anúncios nesse espaço exclusivo.

Fonte: Ferramentas blog

Nenhum comentário:

Postar um comentário