Hoje vou ensinar a galera. a colocar posts relacionados, e também a colocar resumo nas postagens. Esse Recurso deixa sua página mais limpa, e fica mais bunitinho né ?
Quando entramos na página inicial de um site famoso (UOL, Terra, MSN, etc.) vemos somente um pequeno resumo da notícia, e se nos interessamos, acabamos por clicar nela para ler o restante do texto. Colocando apenas resumos você poderá dispor de muito mais posts em sua página inicial, e com o resumo seus leitores poderão ver o que é interessante para assim continuar lendo ao clicar no link “Leia Mais”, “Continue Lendo”, ou qualquer outro coisa que indique a continuação do texto.
Para colocar o resumo de seu post, será necessário alterar o HTML no layout do Blogger, e por isso faça um backup de segurança, para poder restaurar a configuração anterior caso dê algo errado.
Faça o login de sua conta no blogger, clique em “Layout” e m seguida clique na opção “Editar HTML”. Marque a caixa “Expandir modelos de widgets” e procure por essa parte do código:
<div class=’post-body’>
<p><data:post.body/></p>
Agora substitua essas duas linhas pelo seguinte código:
<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’>Leia Mais…</a>
</span>
<script type=’text/javascript’>
checkFull(“post-” + “<data:post.id/>”);
</script>
</b:if>
O texto em verde poderá ser substituido por qualquer frase, para finalizar essa parte clique em “Salvar Modelo”.
A próxima etapa é colocar o código que irá marcar até onde vai o resumo do post, e para isso utilize o código abaixo, respeitando as indicações.
Escreva o resumo do post aqui.
<span id=”fullpost”>
Escreva a continuação do post aqui.
</span>
Qualquer dúvida deixe um comentário.
Até a próxima!
Para colocar o resumo de seu post, será necessário alterar o HTML no layout do Blogger, e por isso faça um backup de segurança, para poder restaurar a configuração anterior caso dê algo errado.
Faça o login de sua conta no blogger, clique em “Layout” e m seguida clique na opção “Editar HTML”. Marque a caixa “Expandir modelos de widgets” e procure por essa parte do código:
<div class=’post-body’>
<p><data:post.body/></p>
Agora substitua essas duas linhas pelo seguinte código:
<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’>Leia Mais…</a>
</span>
<script type=’text/javascript’>
checkFull(“post-” + “<data:post.id/>”);
</script>
</b:if>
O texto em verde poderá ser substituido por qualquer frase, para finalizar essa parte clique em “Salvar Modelo”.
A próxima etapa é colocar o código que irá marcar até onde vai o resumo do post, e para isso utilize o código abaixo, respeitando as indicações.
Escreva o resumo do post aqui.
<span id=”fullpost”>
Escreva a continuação do post aqui.
</span>
Qualquer dúvida deixe um comentário.
Até a próxima!
