Hack Leia Mais, Resumo de Postagens no Blogger

Para quem tem como praxe a publicação de artigos longos consequentemente ocasionará um congestionamento na página podendo deixar até mesmo o leitor confuso.

Com o hack “leia mais/resumo de postagens” chega ao fim os seus problemas pois você terá um blog mais organizado e agradável.

Encontrei o hack no blog da Ariane (TNB) e resolvi repassar aqui para vocês;

Instalando o hack:

Vá até a página HTML do seu template e acrescente antes da tag o seguinte código:

<b:if cond=’data:blog.pageType != “item”‘>
<script type=”text/javascript”>

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName(‘span’);
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == “fullpost”) {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = ‘inline’;
}
if (spans[i].id == “showlink”)
spans[i].style.display = ‘none’;
if (spans[i].id == “hidelink”)
spans[i].style.display = ‘inline’;
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName(‘span’);
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == “fullpost”) {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = ‘none’;
}
if (spans[i].id == “showlink”)
spans[i].style.display = ‘inline’;
if (spans[i].id == “hidelink”)
spans[i].style.display = ‘none’;
}
post.scrollIntoView(true);
}

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>

Salve. Clique na caixa “Expandir modelos widgets” e procure (ctrl+f) por:

<div class=’post-body’>
<p><data:post.body/></p>

Substitua tudo pelo código abaixo:

<div class=’post-body’ expr:id='”post-” + data:post.id’ >
<b:if cond=’data:blog.pageType == “item”‘>
<style>#fullpost{display:inline;}</style>
<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’>Continue Lendo…</a>
</span>
<script type=’text/javascript’>
checkFull(“post-” + “<data:post.id/>”);
</script>
</b:if>

<div class=’post-body’>
<p><data:post.body/></p>

Salve o modelo novamente. Agora vá em “Configurações” e abaixo “formatação“, no fim da página cole no campo “formato das postagens” o trecho adiante:

Resumo da Postagem
<span id=”fullpost”>
Resto do post
</span>

Toda vez que for postar, sempre respeite o limite estabelecido acima, postando o resumo antes de e o resto da postagem depois.