Cursos 24 Horas - Cursos 100% Online com Certificado

Resumo automáticos com miniatura de imagem

19 Comentários Autor : Notícia e blog 02 agosto 2009
Hoje vou dar a dica que encontrei no Blogger Widget, este hack resume a postagem com imagem do lado, sua aplicação é simples, mas se você ja tiver algum hack de resumo não indico a ultilização deste tutorial pois pode prejudicar o seu template, vamos começar:




1.Faça login no blogger

2.Vá para layout ☺Editar html

É sempre bom fazer um backup do seu template antes de começar pois se alguma coisa dar errado você reverte facilmente.

3.Agora procure pelo a seguir com tecla ctrl e f:
</head>
4.Agora antes dele cole o seguinte:

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://api.ning.com/files/7U6pS7jhzS8WI3PweqVtceqYFz4aeRzbahcZRCbXqmbgDKTNWXHuRnz-KCLSacl2d*zcrDHgNDicaZubR4nnJeDuuPIX8O-l/autoreadmorethumb.js' type='text/javascript'/>

Nota: O código em vermelho deve ser substituido pelo de endereço de sua hospedagem (Ver Hospedagem Gratis de Java script e mp3)

4.Agora localize o seguinte trecho ultilizando as tecla CRTL e F:

<data:post.body/>

Substitua esse código pelo seguinte:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>
Leia mais >></b></a></span>
</b:if>
Nota: O texto em verde pode ser substituído pelo de sua preferência

5.Agora salve as alterações e hack está instalado.

Agora você tem resumo na pagina inicial com imagem!!

    19 Comentários

    PROJETO NOVO IMPULSO disse...
    2 de agosto de 2009 11:18 #

    Amado Fernado cheguei aqui e gostei muito de seu trabalho, parabéns.
    A paz

    ●๋•By Vinicius●๋• disse...
    13 de dezembro de 2009 01:30 #

    Parabéns pela dica,procurei em vários sites e não achei uma tão fácil de implementar e tão boa.Achei outras dicas aqui no site muito boa também,bom trabalho.

    Hime Aiko disse...
    21 de abril de 2010 23:23 #

    Por fazer me ajude, eu faço tudo como no passo a passo, mas quando entro no meu blog, aparece no rodapé o "Leia mais", só que a postagem está quase inteira, o que eu estou fazendo de errado?

    Notícia e blog disse...
    22 de abril de 2010 21:20 #

    @Hime Aiko, veja se fez o passo 4 corretamente

    Cenoura POP disse...
    16 de maio de 2010 01:35 #

    QUE MAXIMO *-*
    amei, obg *-*

    DAN disse...
    28 de junho de 2010 19:03 #

    Não consegui colocar de jeito nenhum, tá dando erro no blog.

    Raquel Amaral disse...
    9 de agosto de 2010 19:35 #

    Olá..mto bacana esse tutorial, mas gostaria de saber como fzer pra criar esse arquivo em java (ser substituída), e tm a ver com a imagem em miniatura? HELP!!! bykekel.blogspot.com

    Notícia e blog disse...
    9 de agosto de 2010 21:30 #

    @Raquel Amaral
    Olá, vcê pode obter este java script no mesmo endereço que consta no script. Peço que explique melhor a outra parte da pergunta...

    IGREJA DE CRISTO Aracaju SE disse...
    20 de agosto de 2010 15:19 #
    Este comentário foi removido pelo autor.
    IGREJA DE CRISTO Aracaju SE disse...
    20 de agosto de 2010 15:23 #

    Boa tarde!
    Primeiramente quero te parabenizar pelo excelente trabalho que você faz em seu blog.
    Gostaria também, se possível for, que você me ajudasse me esclarecendo uma dúvida:
    Meu blog não tem hack de resumo, "(...)eu faço tudo como no passo a passo, mas quando entro no meu blog,(...)" aparece a postagem completa e este hack que resume a postagem com imagem do lado. O que devo fazer para ocultar a postagem completa?

    Confira meu blog:
    http://igrejadecristoaracaju.blogspot.com/

    Muito Obrigado pela atenção!

    CHRISTIAN NEWS
    ------------------------------------------
    IGREJA DE CRISTO EM ARACAJU - SERGIPE
    UMA FAMÍLIA QUE AMA VOCÊ!
    aracajuic@hotmail.com

    Esmaltes Vale disse...
    27 de outubro de 2010 22:38 #

    oq é hospedagem/?

    Notícia e blog disse...
    28 de outubro de 2010 11:39 #

    @Esmaltes Vale
    Hospedagem é o local onde os arquivos ou imagens são armazenados, na internet. São computadores, distantes que armazenam tudo para você.

    Chantal disse...
    17 de novembro de 2010 09:08 #

    Olá!

    Primeiramente, obrigada pelo tutorial, estava muito precisando de algo assim, editar post a post para fazer resumos é um saco!! Acabei de implementar e a princípio está funcionando fenomenalmente.

    Só gostaria de fazer um comentário.
    Fiquei uns bons minutos me batendo e arrancando os cabelos na primeira vez que tentei usar o código.
    Estava faltando uma tag de fechamendo de DIV segundo o blogger.

    O problema é, para usuários de Chrome (pelo menos no Mac):
    O Hot Words confunde uma parte do segundo código postado aqui e transforma um pedaço em anúncio!!
    Assim não ia funcionar nunca... e eu aqui achando que era problema no código.

    Abrindo o seu blog no Safari, o código não era mais confundido e funcionou perfeitamente.

    Obrigada novamente e parabéns pelo site!

    Yeah Brasil disse...
    1 de janeiro de 2011 16:49 #

    Boa Tarde!
    Parabéns pela página!
    Estou com o mesmo problema da pessoa acima...o blog fica dando erro na tag div.
    Não consegui resolver ( eu estou bem acostumada a usar codigos)....Será que pode me ajudar?
    Obrigada!!!

    KurtiS disse...
    20 de janeiro de 2011 11:02 #

    Até que enfim \õ/
    Eu amoo esse site,um dos únicos decentes que ensina de verdade e com facilidade xD
    Agora como aumenta um pouco mais do texto?

    Petrus disse...
    21 de março de 2011 12:57 #

    Muito bom! Só uma dúvida, não aparece o "..." antes do final do texto, o que fazer? Ou como alinhar o "leia mais" pois no meu blog, não fica logo após o texto e sim abaixo. Se quiser ver gamesbrew.blogspot.com

    Letícia Molon disse...
    10 de agosto de 2011 12:57 #

    DÚVIDA
    "Nota: O código em vermelho deve ser substituido pelo de endereço de sua hospedagem (Ver Hospedagem Gratis de Java script e mp3)"

    Tá, eu entendi que devo hospedar algo em um site pra adquirir a url da hospedagem e trocar o que está em vermelho por essa url...

    Mas, o que exatamente eu tenho que hospedar, tipo, que arquivo é esse que eu devo hospedar (e não me diga um arquivo js), quero saber que arquivo especifico tem que ser, ou se pode ser qualquer coisa, o que esse arquivo interfere no código.. e pode ser hospedado por esse site? http://www.noticiaeblog.com/2009/11/hospedagem-gratis-de-java-script.html

    Desculpa as dúvidas, mas sou leiga nisso de html =/

    Paulo disse...
    17 de outubro de 2011 09:14 #

    Eu tenho uma dúvida meio boba: Se eu usar esse hack, todas as postagens vão obrigatóriamente aparecer reduzidas? Porque eu gostaria que apenas um determinado assunto (muito repetido no blog) de postagem permanecesse reduzido (isso eu já faço usando o jump break, mas assim a imagem não fica reduzida)

    Abraço

    Lucas Duff disse...
    27 de janeiro de 2015 14:35 #

    teria como deixar essa imagem inteira na parte de cima, e um resumo do post embaixo?

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.