quarta-feira, 22 de fevereiro de 2012

Mostrar resumo das postagens


O Blogger colocou a opção leia mais na sua página de postagem, entre nas configurações do seu blog e veja no final da pagina selecionar editor de postagem, selecione a primeira opção (Editor atualizado) e clique para salvar.












Agora vamos fazer uma nova postagem, na pagina onde escreve seu texto clique na guia escrever e note essa ferramenta que destacamos na imagem.




Clique na parte do seu texto que deseja colocar o leia mais e depois clique na ferramenta destacada acima. Depois pode publicar o seu texto, mas ainda não está pronto, ainda não será possivel ver funcionando.



Vamos até a pagina editar html, clique para expandir o modelo e procure por:



<div style='clear: both;'/>

</div>


e coloque isso logo depois:


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

<div class='jump-link'>

<a expr:href='data:post.url + &quot;#more&quot;'>Veja o texto Completo</a> 

</div>
</b:if>


Se quiser colocar uma imagem em vez de um texto como link para ver a postagem completa, use o seguinte código:

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

<div class='jump-link'>

<a expr:href='data:post.url + &quot;#more&quot;'><img src="endereço da imagem" border="0" /></a> 

</div>
</b:if>


Agora é só clicar para salvar as alterações e visualizar o blog que aparecerá a frase veja o texto completo no final da postagem que acabamos de fazer. Lembramos que esse procedimento feito na página editar html só é necessário na primeira vez, nos próximos textos que publicar basta clicar na ferramenta na pagina de postagens e escolher o lugar onde aparecerá essa frase. E obviamente você pode escrever o que quiser no lugar onde colocamos "veja o texto completo".


Nenhum comentário:

Postar um comentário

Leia Também: