Postagens resumidas no Blogger

Depois de muitos pedidos, vai ai o tutorial como colocar postagens resumidas no blogger. Igual o que eu uso aqui no Códigos Blog.

Antes de tudo sugiro que faça um backup do seu template. Agora vamos ao tutorial…

1 – Faça login no Blogger, entre em \”Layout\” -> \”Editar HTML\” e marque a opção: \”Expandir modelos de widgets\”.

2 – Busque (Ctrl + F): </head>

3 – Cole o seguinte código antes da tag procurada:

<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>

4 - Procure (Ctrl + f): <div class=\'post-body\'> e substitua por:

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

5 - Procure (Ctrl + f):  <p><data:post.body/></p> ou  <data:post.body/> e substitua por:

 <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\'>Leia mais &gt;&gt;</a>
</span>
<script type=\'text/javascript\'>
checkFull(\"post-\" + \"<data:post.id/>\");
</script>
</b:if>

6 - Salve o template
- Pronto o código está incluso, agora em toda postagem você deve usar a tag:  <span class=\"fullpost\">  na parte em que você deseja que fique \"escondido\" e no fim coloque:  </span>.

Para facilitar entre em \"Configurações\" -> \"Formatação\" -> \"Modelo de postagem\" e cole o seguinte trecho:

Digite aqui o resumo do post
<span id=\"fullpost\">
Digite aqui o resto do post
</span>

Salve a alteração e pronto! Toda vez que quiser escrever uma nova postagem, o código vai estar disponível para você.

Créditos: katatempla.blogspot.com