Postagens resumidas para blogs

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