Artigos extensiveis com resumo

Existem muitos blogs nos quais o seu autor publica artigos bastante longos.

Nesses blogs, os textos mais longos podem provocar que o leitor se canse e abandone o blog sem ler outro qualquer artigo e para evitar que isso aconteça seria bom que se pudesse publicar um resumo do artigo para que, no caso de não despertar interesse ao leitor, ele possa ler outro artigo sem ser obrigado a correr o texto até ao fim.
Isso é possivel e podem ver como funciona clicando na seta abaixo.

Para instalar esta funcionalidade, é necessário procurar a tag </head> e imediatamente acima inserir o seguinte código javascript:

<script src='http://vicio.do.sapo.pt/java/resumo.js' type='text/javascript'/>

E salvamos as alterações.

Depois disto é necessário expandir os modelos do widget e procuramos por:

<b:includable id="post" var="post"></b:includable>

e selecionamos desde a linha seguinte até à linha antes de:

<div style='clear: both;'/> <!-- clear for photos floats -->

Com essa selecção feita substitui-se tudo por:

<div class='post uncustomized-post-template'
expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);'
expr:onclick='"javascript:showFull(\"post-" +
data:post.id + "\");"'>Ler mais...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);'
expr:onclick='"javascript:hideFull(\"post-" +
data:post.id + "\");"'>Fechar...</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

(Neste código estão as palavras "Ler mais..." e "Fechar..." que podem ser substituídas por quaisquer outras e adicionar imagens, como eu fiz)

Depois do código inserido gravamos as alterações e vamos entrar em "Definições" > "Formatação" > e descendo até ao fundo da página vamos procurar "Modelo de mensagem".

No quadro à frente inserimos o seguinte modelo:

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

e guardamos as definições.

Agora, quando formos criar um novo post, irão ser indicadas as áreas onde deveremos escrever o resumo e o resto do artigo.

Ler mais...

Fechar...