Resumo de Posts

Tweet

Vamos aqui deixar os passos para poder resumir os seus Artigos caso eles sejam demasiado longos e ocupem assim muito espaço na página do seu Blog. Siga então os seguintes passos:

1º Entre em Layout -- Editar HTML e click na a opção: Expandir modelos de widgets

2º Procure (Ctrl + F): </head>

3º Coloque o seguinte código antes da tag que procurou:

<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º Agora 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º De seguida procure (Ctrl + F): <p><data:post.body/></p> e substitua pelo seguinte código:

<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

E está pronto, apartir de agora deve usar a tag: <span class="fullpost"> na parte em que você deseja que fique "escondido" e no fim coloque: </span>.

Se quiser facilitar ainda mais o processo entre em Configurações --Formatação -- Modelo de postagem e cole o seguinte excerto:

Digite aqui a parte visivel do seu post
<span id="fullpost">
Digite aqui o resto do post
</span>

Salve, agora sempre que criar um post o código prar esconder parte do post ou não estará disponivel.