Gostou do blog ? então curta nossa página no Facebook:

Postagem expansível com miniatura da imagem

E uma curiosidade saber como fazer aparecer somente um resumo da postagem e no final escrito leia mais… para clicar e ver a postagem completa, Fabiano Roberto desenvolveu um código que faz mostrar uma miniatura da imagem junto com esse resumo do texto com o link leia mais...


para colocar siga os seguintes passos:

entre na pagina editar html (não marque a opção expandir o modelo) e procure pela tag </head> e cole abaixo antes dessa tag:

<script type='text/javascript'>
summary_noimg = 330;
summary_img = 300;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://acessoriosparablogs.com.br/scripts/resumopost.js' type='text/javascript'/>

Clique para salvar depois clique para expandir o modelo e procure por <data:post.body/> apague essa linha e cole esse trecho no lugar:

<p><b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb
("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leia mais...</a>
</span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p>

clique em visualizar para conferir e se estiver tudo certo clique em salvar

Se quiser fazer algumas alterações mudando a quantidade de caracteres que aparecem no resumo e o tamanho da miniatura da imagem, veja abaixo:

summary_noimg = número de caracteres do resumo se o texto não tiver imagens
summary_img = número de caracteres do resumo se o texto não tiver imagens img_thumb_height = Altura da miniatura da imagem
img_thumb_width = Largura da miniatura da imagem


alterando trecho leia mais... clique expandir modelos e procure por esse trecho e troque pelo seu texto:
ex:
'data:post.url'>Texto aqui</a>

referência: dicas para blogs

2 comentários:

Wendy Chan disse...

Obrigada, ajudou bastante essa informação

Luís disse...

Valeu, estou tentando já faz algum tempo e só com sua ajuda já consegui.

© 2010 | Rei do Bloguinho |Todos os direitos reservados
topo ↑