Como criar um continue lendo para blogs

 Como criar um continue lendo para blogs

Antes de criar o continue lendo para seu blog, faça um backup do seu template. Marque a opção Expandir modelos de widgets e cole o script abaixo antes da tag </HEAD>:

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

Em seguida, procure um trecho de código semelhante a este:
<div class='post-body'>
<p><data:post.body/></p>

Substitua tudo, pelo código adaptado a seguir:
<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 &gt;&gt;</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

Visualize para verificar se não está com problemas , em caso positivo salve e a alteração no seu template está pronta. Porém, deve ser incluído um pequeno delimitador no código de cada post que deve ser resumido, conforme o exemplo abaixo:
Resumo (exibido na página inicial)
<span id="fullpost">
Restante do conteúdo
(exibido apenas nas páginas individuais)
</span>

Para facilitar a inclusão nos seus próximos posts, você pode incluir essas linhas de código como seu Modelo de postagem, através das opções de formatação no Painel de Controle do Blogger.

Nenhum comentário:

Postar um comentário