Pages

segunda-feira, 12 de julho de 2010

Como criar resumo de postagem expansivel?






2. Nas primeiras linhas do seu código, encontre “<head>” e logo abaixo copie e cole o seguinte trecho:


<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

3. Agora encontre a seguinte linha: “<data:post.body/>” e abaixo disso copie e cole o seguinte:

<b:if cond='data:blog.pageType != "item"'><br />
   <a expr:href='data:post.url'>Leia mais!</a>
</b:if>

O texto destacado em vermelho pode ser substituído como quiser, até mesmo por uma imagem ou com imagem e texto, como é aqui no [ Ferramentas Blog ].

4. Clique no botão alaranjado “SALVAR MODELO”.

Esta parte está terminada, mas agora falta ir em cada um dos seus artigos já publicados e determinar qual será a parte do resumo que aparecerá antes do link “Leia mais!”. Esse trabalho é nanual e terá que ser feito em todos os textos, nos já publicados e nos que você ainda for escrever.

Sempre que escrever um artigo, será preciso inserir os seguintes códigos:

Texto resumo da postagem.
<span class="fullpost">
Restante do texto que só aparece depois de clicar em “Leia mais!”.
</span>

0 comentários:

Postar um comentário