Como colocar resumo das postagens com uma foto do lado

Muito gostariam de fazer no blog na pagina inicial apenas um resumo das postagens com uma foto do lado. Então vou ensina como fazer. Bem vamos começar:
O procedimento é bem simples, você entra na pagina editar html, marque a opção para expandir modelos de widgets e procura por post.body, deve estar deste jeito no seu blog:

Então apague essa linha e coloque isso no lugar:

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

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'><br />
<div class='jump-link'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a><br />
</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.
E já está pronto, agora é só visualizar seu blog e verá que na pagina inicial.aparecem um trecho do seu texto e uma miniatura das imagens.