17 de nov. de 2012

Resumo de postagem automatica com imagem

Anônimo
0
Recomendo fazer o beckup do seu template antes de alterar qualquer coisa entao vamos la...

1° Vá em Modelo>>Editar html aperte CTRL+F e busque por:

]]></b:skin>

2° Cole os seguinte codigo a baixo da tag citada acima

.post-thumbnail{float:left;margin-right:20px} // Para imagem a esquerda

ou

.post-thumbnail{float:right;margin-left:20px} // Para imagem a direita

3° Clique em "Expandir Modelo de Widget" e procure por:

<data:post.body/>

4° Substitua o codigo acima pelo codigo citado a baixo:

Resumo de postagem Automatica com imagem na pagina inicial

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

Resumo de postagem Automatica com imagem na pagina inicial para posts sem imagem



<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
<b:else/>
<img class='post-thumbnail' alt='no image' src='http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/no-image.png' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>


Salve e confira o resultado XD

Nenhum comentário:

Postar um comentário