Como fazer Posts Resumidos com link

Este post é uma homenagem ao amigo Igor Oliveira, que ficou enchendo meu @!*%$!@#*! para eu colocar as mensagens de forma resumida.

Estive procurando na Internet diversas formas de se colocar o post reduzido e um link para que ele seja exibido por completo posteriormente. Desta forma, ao entrar no Blog, será visualizado apenas o início das mensagens (post) e caso seja de interesse do internauta, ele clica para ler o restante. As soluções que encontrei eram muito complexas ou não funcionavam. Então resolvi analisar a ferramenta e procurar como fazer. E por incrível que pareça, após estudar um pouco de HTML, analisar o que o pessoal tem feito por ai e quebrar um pouco a cabeça consegui!

Para saber como fazer, leia a matéria completa.

Segue as instruções:

1) Vá no Menu Layout -> Editar HTML, clique em: "Expandir Modelos de Widgets" e procure por

2) Logo após a tag <data:post.body/> coloque o seguinte código:

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

</div>

Desta forma, o código HTML ficará:

(...)

<data:post.body/>

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

</div>

</b:if >

(...)

3) Clique em Salvar Modelo

4) Agora vá no menu Configurações -> Básico, e selecione, lá no final, a opção Editor atualizado (no item Configurações Globais-> Selecionar editor de postagem) e depois Clique em Salvar Configurações.

5) Para selecionar o que vai ser colocado nesse link (por exemplo, continue lendo, leia mais...) vá no menu Layout-> Elementos da Página e clique em editar no quadro Postagens no blog. Na nova janela que abrirá tem um campo "Texto do link da página de postagem:" que você poderá digitar o que quiser.

6) Pronto. Agora acabou as configurações gerais que você precisará fazer um única vez.

7) Agora para cada Post que você digitar ou que queira editar, você deve abrir a caixa de postagem (lugar onde você digita o texto do post) começar a escrever a primeira parte (que ficará visível na página principal) e clicar no link Inserir Jum Break (conforme figura 1).

Então aparecerá uma uma linha pontilhada após seu texto, conforme figura 2.

Desta forma, o que você escrever antes da linha aparecerá no site principal. O que você escrever após a linha será exibido apenas quando for clicado o link.

8) Agora clique em "Editar HTML", procure pela tag <!-- more -->

e insira a tag </div> antes dela. Desta forma, o código HTML ficará:

(...)

</div>

<!-- more -->

(...)

9)  Agora é só clicar em publicar postagem.

Obs.: No Universu TI o link para a postagem completa ficou dobrado. Estarei tentando solucionar o motivo e assim que tiver alguma solução postarei.