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 < spans.length; i++) {
if (spans[i].id == \"fullpost\") {
spans[i].style.display = \'none\';
found = 1;
}
if ((spans[i].id == \"showlink\") && (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 >></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