sexta-feira, 12 de agosto de 2011

Resumo de postagens automático no blogger

Hack Postagens resumidas automaticamente Apesar do blogger já disponibilizar este recurso que pode ser aplicado rapidamente nas postagens, a partir deste tutorial irei mostrar como deixar suas postagens resumidas automaticamente na página inicial. Mas só lembrando que o recurso próprio do blogger não é automático, ou seja, nós mesmo temos que aplicar ele sempre criarmos uma postagem.

O script que disponibilizarei neste artigo foi desenvolvido por Vietwebguide. Para ver um exemplo prático deste hack clique aqui.

Além do hack resumir sua postagem na página inicial, ele também exibe uma pequena miniatura contida na sua postagem. Geralmente, a primeira imagem que estiver no post, será a imagem que o hack irá colocar como miniatura.

Vou dividir a postagem e duas Partes: Como colocar no blog e como personalizar.

1. Colocando no blog

Primeiramente faça o login no blogger e acesse o painel principal do seu blog.

Em seguida clique na guia “Modelo” –> “Editar Modelo”.

Agora procure por </head> e cole o seguinte código antes dela:

<script type='text/javascript'>
summary_noimg = 330;
summary_img = 300;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
<script src='http://vietwebguide2.googlepages.com/summary-post-v20-test.js' type='text/javascript'/>

Salve e marque a caixinha “Expandir modelos de widgets”. Em seguida procure por:

<data:post.body/>

Substitua essa parte por:

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

Salve e veja como ficou.

2. Como configurar

No primeiro script do tutorial você vai encontrar as seguintes partes onde você poderá configurar o hack.

summary_noimg – Número de caracters se não houver imagem;
summary_img – Número de caracteres se estiver imagem;
img_thumb_height = Altura da miniatura;
img_thumb_width = Largura da miniatura;

A parte destacada de vermelho no segundo código, é o que aparecerá como botão para expandir o post. Você pode colocar qualquer outra palavra.

Até mais pessoal! 

Li este artigo no Mundo Blogger.

Marcadores: , ,

10 Comentários:

Às 15 de novembro de 2011 11:49 , Blogger Jonaz Lima disse...

Mano, tu é foda u.u seu blog é muitoooo útil para os blogueiros (: parabénss!

 
Às 15 de novembro de 2011 11:51 , Blogger Jonaz Lima disse...

Ei, não tem como colocar miniatura do vídeo? Por exempo: eu vou colocar só um vídeo na postagem e quando eu vou na home, só aparece o titulo e o link de ler. Não tem como colocar a miniatura do vídeo?

 
Às 15 de novembro de 2011 16:59 , Blogger Códigos Blogger disse...

Creio que não, mas antes no vídeo seria interessante se você escrevesse pelo menos um parágrafo dando introdução daquilo que você vai apresentar, no caso, o vídeo. E lá no começo coloque uma imagem, pois primeira imagem que estiver na postagem é a que vai aparecer como miniatura na home.

 
Às 5 de dezembro de 2011 11:30 , Blogger Lucas Lima disse...

Como eu coloco uma foto no lugar de leia mais?

 
Às 5 de dezembro de 2011 14:19 , Blogger Códigos Blogger disse...

Isso requer alguns códigos em CSS, em breve irei postar um. Fique atento.

 
Às 5 de dezembro de 2011 21:44 , Blogger xmetax disse...

Obrigado por tudo.

 
Às 3 de janeiro de 2012 18:10 , Blogger Fran disse...

Gostei bastante desse script, mas quando eu o coloquei no blog ele tbm se aplicou nas páginas do menu, não somente nas postagens como eu queria. Como faço pra colocá-lo somente ne home?

 
Às 10 de janeiro de 2012 20:44 , Blogger @XbGO disse...

No mue, fiz tudo igual ai certinha. e num aconteceu nada

 
Às 1 de setembro de 2012 19:24 , Blogger Ronan disse...

Como eu faço para aumentar o numero de postagens por paginas?

 
Às 17 de maio de 2013 20:20 , Blogger A de Silvasystem disse...

Eu não estou conseguindo aplicar no meu blog.Eu fiz como é citado no blog acima mas nada acontece.Não sei o que está acontecendo..

Meu blog é.http://www.adesilvasystem2013.com/

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial