Posts resumidos na página inicial do Blogger

Já postei um tutorial mostrando como resumir todas as postagens da página inicial nos blogs hospedados no Blogspot, sem inclusão de códigos adicionais nos posts. Porém esta abordagem não é a mais apropriada quando intenção é resumir apenas alguns posts e não todos eles.

No tutorial a seguir vou mostrar como configurar seu template para resumir seletivamente apenas algumas postagens no seu blog no Blogger, através de um pequeno delimitador que deve ser incluído diretamente no código dessas postagens.

Antes de começar, faça um backup do seu template. Marque a opção Expandir modelos de widgets e cole o script abaixo antes da tag </HEAD>:

<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>

Em seguida, procure um trecho de código semelhante a este:

<div class='post-body'>
<p><data:post.body/></p>

Substitua tudo, pelo código adaptado a seguir:

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Continue lendo &gt;&gt;</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

Visualize para verificar se não há problemas, em caso positivo salve e a alteração no seu template está pronta. Porém, deve ser incluído um pequeno delimitador no código de cada post que deve ser resumido, conforme o exemplo abaixo:

Resumo (exibido na página inicial)
<span id="fullpost">
Restante do conteúdo
(exibido apenas nas páginas individuais)
</span>

Para facilitar a inclusão deste delimitador nos seus próximos posts, você pode incluir essas linhas de código como seu Modelo de postagem, através das opções de formatação no Painel de Controle do Blogger.

A vantagem desta abordagem é que é possível escolher quais posts serão resumidos e exatamente em que parte do texto o corte deve ser feito, ao contrário do método explicado no tutorial anterior, que faz o resumo automático de todos os posts com base na contagem de caracteres do seu código html.

Via: Hackosphere