Novo resumo de postagens personalizado no Blog com imagens!
Clique sobre a imagem para ampliar!
Como colocar no blog? Postagem listada com miniaturas de imagens na primeira pagina do blog.
Este código permite listar as postagens na pagina inicial, em forma de um resumo onde aparece o Titulo da postagem e um trecho da postagem, e logo abaixo um link para o leitor ler a postagem por completo, e se o post tiver imagem aparece uma miniatura ao lado do resumo da postagem.
Veja o exemplo no link e perceba que aparece uma lista com vários posts na pagina inicial.
Para colocar no blog siga os passos abaixo:
Essa é uma dica muito boa, pois vai deixar o seu blog mais leve no carregamento o que facilita muito tanto para os leitores quando para você.
Para colocar no blog siga os passos abaixo:
1- Acesse seu blog e vá para Editar Html e em seguida realize o Beckup do seu template caso algo venha a dar errado você pode restaurá-lo.
2- Agora em Editar Html clique e marque a caixinha expandir modelos de Widgets e procure em seu template o código abaixo use as teclas CTRL+F para facilitar a procura.
<data:post.body />
3- Apague o código encontrado e cole no lugar o código abaixo:
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<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 + "#more"'
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<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 + "#more"'
expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
<b:else/>
<data:post.body/>
</b:if>
</b:if>
</b:if>
</b:if>
4- Salve seu template e em seguida clique em Design >> depois procure a a parte que esta escrito (Postagens no Blog) agora clique em Editar e na caixa que vai se abrir procure por esta frase (Texto do link da página de postagem) estará escrito (Leia mais! » ) altere de acordo com seu gosto este texto é o que vai aparecer quando alguém querer ver a postagem por completa agora clique em salvar e pronto agora as postagens do seu blog apareceram em forma de listas na pagina inicial.
Essa é uma dica muito boa, pois vai deixar o seu blog mais leve no carregamento o que facilita muito tanto para os leitores quando para você.
Muito obrigado!
ResponderExcluirFiz tudo certinho, mas a miniatura ficou muito pequena. Como posso mudar o tamanho da miniatura?
ResponderExcluirMuito bom!! Parabém!
ResponderExcluirJoão Gustavo
Meu blog: nomundodatecnologia.blogspot.com
Grato pelos comentários voltem sempre!
ResponderExcluir