quarta-feira, 22 de fevereiro de 2012

Fazer resumo das postagens com miniaturas das imagens


O procedimento é bem simples, você entra na pagina editar html, marque a opção para expandir modelos de widgets e procura por post.body (use o ctrl F para pesquisar), deve estar deste jeito no seu blog: <data:post.body/>

Então apague essa linha e coloque isso no lugar: 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 

<data:post.body/> 

<b:else/> 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<data:post.body/> 
<b:else/> 
<b:if cond='data:post.hasJumpLink'> 
<data:post.body/> 
<b:else/> 
<b:if cond='data:post.snippet'> 
<b:if cond='data:post.thumbnailUrl'> 
<div class='Image thumb'> 
<img expr:src='data:post.thumbnailUrl'/> 
</div> 
</b:if> 
<data:post.snippet/> 
<div class='jump-link'> 
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> 
</div> 
<b:else/> 
<data:post.body/> 
</b:if> 
</b:if> 
</b:if> 
</b:if>

Cuidado para não mostrar duas vezes a mesma coisa no seu blog! Veja se logo após esse trecho se tem o código: 

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

<div class='jump-link'> 

<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> 

</div> 
</b:if>

Se encontrar apague, pois isso fará que o link para ler a postagem completa apareça duas vezes, mas se retirar esse código não terá problemas.

Feitas essas etapas, seu blog ficará assim:

E já está pronto, agora é só visualizar seu blog e verá que na página inicial ou páginas dos marcadores do blog aparecem um trecho do seu texto e uma miniatura das imagens.

Você pode gostar também de:

Nenhum comentário:

Postar um comentário

Leia Também: