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
3.Agora procure pelo a seguir com tecla ctrl e f:
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:
Substitua esse código pelo seguinte:
5.Agora salve as alterações e hack está instalado.
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 = "float" ;
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'/>
var thumbnail_mode = "float" ;
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 == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</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<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</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>
5.Agora salve as alterações e hack está instalado.
Agora você tem resumo na pagina inicial com imagem!!
18 Comentários
Amado Fernado cheguei aqui e gostei muito de seu trabalho, parabéns.
A paz
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.
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?
@Hime Aiko, veja se fez o passo 4 corretamente
QUE MAXIMO *-*
amei, obg *-*
Não consegui colocar de jeito nenhum, tá dando erro no blog.
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
@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...
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
oq é hospedagem/?
@Esmaltes Vale
Hospedagem é o local onde os arquivos ou imagens são armazenados, na internet. São computadores, distantes que armazenam tudo para você.
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!
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!!!
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?
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
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 =/
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
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.