Fazer Resumo da Postagem com Miniaturas das Imagens

Que tal resumo das postagens no seu blogger junto com miniaturas com poucas auterações??
é muito bom !!
Eu vi esse tutorial no Dicas para blog e decidi fazer minha versão.

Bom vá em design / editar html e clique para expandir modelos e procure por  post.body  geralmente fica assim <data:post.body /> então apague essa linha e cole esse codigo :


<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>


Repare se logo após este trecho tem o codigo :


<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 tiver apague.
Depois salve e procure por </b:skin>  e cole esse codigo antes dele :


.thumb img {float: left;margin: 5px;}


E  pronto! Salve e veja se ficou tudo correto.






Dúvidas???                                         Poste seu comentário!!!