28/05/2009

Postagem Expansível com Miniatura da Imagem

Muitas pessoas perguntam sobre como fazer aparecer somente um resumo da postagem e no final escrito leia mais… para clicar e ver a postagem completa encontramos um código que faz isso e ainda mostra uma miniatura da imagem junto com esse resumo do texto, ou seja, é um dos melhores jeitos de mostrar um link leia mais para postagens expansíveis. Além disso, não é necessário fazer alteração alguma nos texto que você já publicou quando colocar os códigos todas as postagens mudam automaticamente para o sistema expansível. Uma coisa indispensável para esse código funcionar é verificar se nas configurações, guia arquivamento a opção Ativar páginas de postagem? tem que estar habilitada(selecionado o sim). Caso contrário não será possível fazer as postagens expansíveis. Outra coisa necessário é deixar as configurações do feed na opção completa (Miniaturas das Imagens não aparecem) para que esse código funcione perfeitamente.

Entre na pagina editar html(não clique para expandir o modelo) e procure pela tag </head> e coloque esse código 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 == &quot;index&quot;'>
<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>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leia mais...</a>
</span></b:if>
<b:if cond='data:blog.pageType != &quot;index&quot;'><data:post.body/></b:if></p>


Clique para visualizar o blog e se estiver tudo certo salve as alterações no modelo e já está tudo pronto, agora seu blog mostra apenas um resumo da postagem e uma miniatura da imagem e quem gostar pode clicar para ver o texto inteiro.

Se quiser podemos personalizar esse código 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


Na segunda parte do código tem escrito 'data:post.url'>Leia mais...</a> esse leia mais é o texto que aparece para clicar e expandir a postagem então você pode escrever o que desejar aqui, mas cuidado para não apagar os sinais do código, modifique deixando o trecho assim 'data:post.url'>Texto aqui</a>. Para formatar esse texto entre na pagina editar html e coloque junto com os estilos CSS isso aqui:

.rmlink a{border: 1px solid #666666}
.rmlink a:hover{border: 1px solid #000000}

aqui coloquei apenas bordas para dar um exemplo, mas pode usar qualquer tipo de formação CSS que desejar.

Acho que essa é uma maneira bem melhor do que usar aquela outra explicação que precisa fazer alterações em cada postagem, mas se quiser ver o outro jeito tem na Ajuda do Blogger.

Se quiser veja o blog Meu Jornal estou usando esse código nele para demostração.

Fizemos uma atualização (05/10/2010) do código para ele mostrar o resumo das postagens somente na pagina inicial do blog, assim não gera mais conflito(problemas) com as paginas extras do blogger(Paginas extras para o Blogspot).

Veja também:

Mostrar resumo das Postagens
Fazer menu com submenu
Formatar o texto usando CSS
Imagem seguindo o ponteiro do mouse
Mostrar o número total de postagens e comentários
Colocar imagem na barra de endereços
Related Posts with Thumbnails

258 comentários:

  1. olá pessoal!!!
    eu queria algo parecido com esse post...
    + naum eh extamente isso
    eu queria algo q escondese meus links...
    dê uma olhada nesse blog:
    http://www.kidownload.com/2008/12/naruto-shippuden-episdios-01-ao-89.html

    repare q + abaixo da imagem tem: lista de Download...
    eu queria saber como fazer isso.
    eu jah tinha visto como fazer...
    soh eles naum esclaresiam como fazer, ae eu naum consegui fazer. XD
    se vcs poderem postar para mim eu agradeceria muito.

    esse blog salva a vida de qualquer blogueiro XD

    ResponderExcluir
  2. vou preparar um código que faça esse efeito de mostar e ocultar uma lista de links e publicarei aqui em breve.

    obrigado pela sugestão.

    ResponderExcluir
  3. Jefferson Monteiro28 de maio de 2009 20:19

    Como você fez para colocar este texto dicas para blogs voando no cabeçãlho?Fou agum código?Foi um programa?Fpi um site de animação swf tipo flashvortex?Me responda meu email
    jeff.naruteiro@gmail.com

    ResponderExcluir
  4. o titulo do dicas para blogs é feito em flash mas tenho o programa, não usei nenhum site pra fazer.

    respondi por email também.

    ResponderExcluir
  5. Já tentei varios tipos de códigos para esta configuração, realmente tenho que admitir que este funciona mesmo...pelo menos no meu caso esta ótimo.
    Valeu Fabiano.

    ResponderExcluir
  6. olá fabiano.

    eu uso um codigo parecido com o desse post no meu blog, mais eu estou tendo um problema. eu coloco imagens p/ serem visualizadas e quando abre o post inteiro, abre um jogo em Flash. porem ele está carregando todos os jogos na pagina inicial (compreensivel, já que o código camufla o resto da postagem).
    Eu gostaria de saber se tem como eu impedir que seja carregado todos os arquivos ao mesmo tempo.
    obrigado.

    ResponderExcluir
  7. mas esses jogos que abrem estão onde? nas postagens ou no menu do blog(sidebar)?

    pois quando clica no leia mais aparece a pagina individual da postagem, e o conteudo das colunas laterais também

    ResponderExcluir
  8. Estão no corpo da postagem. Os jogos não abrem, mais sim são carregados na memoria.
    esqueci de mencionar que isso acontece quando é visualizado pelo IE, no FireFox a visualização é normal.

    link:
    http://jogosdomau.blogspot.com

    ResponderExcluir
  9. ei tinha deixado um pedido para isso... brigadao... deu um jeitoooo!!! Querem parceria com o meu blog?
    http://progamedown.blogspot.com
    abraços !!!!!

    ResponderExcluir
  10. A nãooo!!! Mais que azar meu!!!
    Faz um tempão que eu estava procurando esse código para por no meu blog, só que no meu template não tem o trecho "< data:post.body/ >" e agora eu não sei onde por código, buáááá =(

    Eu peguei o template que estou usando no meu blog neste site: http://btemplates.com/ para quem estiver procurando templates para blogger =)

    ResponderExcluir
  11. ADMI
    vi que já está usando o código, ficou muito bom seu blog.

    sobre parcerias veja esse link
    http://cidadeweb.110mb.com/dicas/dicastop.html

    Sarah
    não posso ver o html do seu pela internet, se quiser pode enviar seu código para meu email e vamos tentar achar um jeito para você usar as postagens expansíveis.

    não tem nada como data:post.body talvez tenha um espaço a mais ou uma barra, então não dá pra localizar usando o ctrl F

    ResponderExcluir
  12. fala parceiro, troca o banner ae por favor. absss e sucessos

    ResponderExcluir
  13. Douglas, coloquei seu link em nossos parceiros

    ResponderExcluir
  14. Não consegui ainda...
    Mandei o template por e-mail pra você dar uma olhada.
    Se tiver muito complicado então deixa pra lá =P

    ResponderExcluir
  15. bom mais uma vez vc ai nos ajudando

    mas queria saber uma coisa tem como eu mudar a cor daquele leia mais

    e se possivel me responda pelo meu email
    matheus_jose@hotmail.com

    ResponderExcluir
  16. matheus
    muito bem lembrado, acabei de atualizar a postagem mostrando como formatar o texto leia mais
    obrigado pela participação.

    ResponderExcluir
  17. no meu templat nao tem esse codigo;
    :post.body/

    ResponderExcluir
  18. essa explicação é pra quem usa os modelos padrão do blogspot, se baixou seu template provavelmente foi modificado pelo autor, então precisa falar com o site que fez o template.

    ResponderExcluir
  19. Obrigado pela dica, tens um jeito excelente de explicar fica bem facil de aplicar.

    ResponderExcluir
  20. bom fiz ate esses dias mas dai deu um erro aqui e tive que trocar o leyou coloquei o mesmo so que tava sem essa função e agora ela n quer pegar de jeito nem um

    ela n resume a postagem
    so fica no final leia mais

    ResponderExcluir
  21. tente fazer novamente, já testei o código e funcionou perfeitamente.

    ResponderExcluir
  22. Ola Fabiano, coloquei este codigo dia 28 de Maio de 2009 22:55, como esta no comentario acima.
    Hoje a tarde 22/06 reparei que as postagens estavam todas abertas sem ter feito nenhuma modificação.
    Será porque atingi 300 postagens, ou será alguma outra coisa, não entendi esta ?

    ResponderExcluir
  23. houve um problema onde hospedamos o código, já trocamos de local e agora está funcionando corretamente.

    ResponderExcluir
  24. Sim, agora está !
    Muito obrigado.

    ResponderExcluir
  25. tava mesmo procurando esse scrip antes não sabia oque era isso vi mais de 3 vezes mais na quarta li tudo e vi que era isso que tava procurando

    ResponderExcluir
  26. Valeu Fabiano Roberto, essa dica com uma dica assim, meus primeiros passos no mundo dos blogs fica "mamão com açucar".

    ps: já achei dicas parecidas, mas essa é a melhor e a mais fácil. obrigado.

    FabioBS

    ResponderExcluir
  27. Deu certim aqui!
    Pow valew mesmo, tem um tempão que venho procurando por um código fixo, um que eu nao precisa ficar editando as postagens mais antigas, e esse blog resolveu meu problema direitinho!

    quero agradecer e desejar tudo de bom para vcs do blog, ta muito fera, agora vou frequentar sempre!

    ResponderExcluir
  28. Onde eu coloco aquele código pra diminuir quantos caracteres vão aparecer?

    ResponderExcluir
  29. Jessica Gonçalves
    veja no inicio do código tem
    summary_noimg = 330;
    summary_img = 300;

    são esses numeros que definem quantos caracteres aparecem

    ResponderExcluir
  30. e ai fabiano tudo bom??
    não é a primeira vez que faço um comentário aqui no site( que acho muito maneiro), dá uma olhada aqui:

    http://www.gcdownloads.net/search/label/Programas

    nesse site parece que tem esta dica mas tem ao lado na imagem umas informações... eu ja tentei de tudo mas nao consegui fazer igual.

    Me da uma ajudinha por favor!

    ResponderExcluir
  31. Lui$
    apenas na hora de postagem uma imagem selecione a opção esquerda ou direita

    ResponderExcluir
  32. Continuação de um óptimo blog!

    ResponderExcluir
  33. para akeles ki nao acharam o trexo
    data:post.body/ > com ctrl+f e simples
    digite somente data:post e vai clicando em proximo ate achar ele completo tbem custei achar mais devargazim peguei a manha
    espero ter ajudado

    ResponderExcluir
  34. Eu tentei colocar esses códigos e realmente consegui acertar (acho) com os lugares certos deles....só que a postagem não resumiu!
    ficaram na integra à mesma, com link para "ler o texto completo"..
    que se passará ali?

    ResponderExcluir
  35. Olá. Já tinha experimentado o código de "encolher" os posts, mas não tinha resultado.

    Voltei a experimentar (hoje) e desta vez deu certo. Ficou ótimo.
    Obrigada. Este "Dicas" tem sido a minha salvaguarda.

    Abraços.

    ResponderExcluir
  36. bom, devo ser muito burrinha, mas tudo correu bem, a pagina estava otima...até eu clicar em "leia mais..."
    a pagina onde era suposto aparecer o texto completo não aparece.
    o que é que eu estou a fazer errado???

    ResponderExcluir
  37. Boa Tarde Fabiano , gostaria de saber se tem como eu colocar menu expansível somente nas postagens que eu quiser? ou só funciona com todas?, E como faço pra aumentar a imagem que aparece ,...

    Muito obrigada

    To adorando acessar seu blog , tem tudo , até coloquei um link dele no meu blog srsrs...

    ResponderExcluir
  38. SKIN HEALTH
    o link no final da postagem da ajuda do blogger mostra um jeito de colocar nas postagens individualmente

    ResponderExcluir
  39. Fabiano, sinceramente,eu sou meio sem sal pra essas coisas de código, e minhas postagens estão no modelo expansível. Será que vc não poderia criar este código pra mim. ?
    Assim eu mudo as postagens que eu quiser .

    Obrigada

    ResponderExcluir
  40. mas no link que falei já está explicado como faz, só que dá trabalho mesmo não tem jeito mais fácil

    ResponderExcluir
  41. boa tarde fabiano, você saberia me dizer como eu coloco outra coluna no meu blog? para que fiquem tres?

    ResponderExcluir
  42. veja sobre colocar 3 colunas no blog

    http://www.dicasparablogs.com.br/2007/12/blog-com-3-colunas.html

    ResponderExcluir
  43. muito obrigada vc é realmente um gênio rssr.

    ResponderExcluir
  44. Boa Tarde Fabiano!

    Este blog tem sido uma ajuda enorme...
    Mas em relação a este código tou com um problema.
    Aparece o resumo e funciona tudo bem mas a miniatura da imagem apenas fica uma linha do lado esquerdo do texto.
    Mesmo tentando alterar o código
    img_thumb_height = 150;
    img_thumb_width = 250;
    o resultado é sempre o mesmo a imagem apenas aumenta na vertical.

    obrigado desde já

    ResponderExcluir
  45. Drª Cécile Domingues, vou fazer uns testes com o código para ver qual o problema, assim que achar a solução atualizarei essa postagem

    ResponderExcluir
  46. Finalmente uma dica de "Leia Mais que funciona". Valeu mesmo.

    ResponderExcluir
  47. Valeu pela dica, funcionou legal no meu blog. Pq antes quando usava o do próprio blogger não funcionava, desconfigurava todos os elementos do blog, era uma confusão. Pena não funcione com videos. Eles não aparecem nos resumos. :/

    ResponderExcluir
  48. videos sempre são um caso a parte...mas as miniaturas não funcionam nele porque não são imagens

    ResponderExcluir
  49. EU COLOCO O CODIGO MAS O LEIAS MAIS FICA DO LADO >> COMO CENTRALIZO ??

    ResponderExcluir
  50. Caio
    na linha
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leia mais...</a>

    altere o trecho
    style='float:right;text-align:center'

    ResponderExcluir
  51. nem acredito que ESTE eu consegui colocar no novo template!!!

    vou ver se consigo arrumar os icones das redes o meu problema é que não preciso de tantos. até gostava de ficar como vcs têm aí acima bastava-me dihitt, twitter, favoritos, rss, e blogblogs.
    há jeito de só ter estes?

    abçs e felicidades.

    ResponderExcluir
  52. Bom dia!
    Eu usei a dica e deu bem certo. Obrigda
    Mas tenho postagens sem texto, ò como vídeos do you tube e daí só aparece o leia mais... Como faço para tirar o leia mais apenas destas postagens?

    ResponderExcluir
  53. Valéria Andrade Leal
    no seu caso acho melhor usar essa dica
    http://www.dicasparablogs.com.br/2009/10/mostrar-resumo-da-postagem.html

    ResponderExcluir
  54. Valeu a dica, mas quando tendo usar o recurso do blog ele desconfigura meu layout. Eu não uso os modelos clássicos.

    ResponderExcluir
  55. Valéria Andrade Leal
    é bom salvar um cópia do seu blog antes de iniciar as alterações caso tenha problemas

    ResponderExcluir
  56. Ixi Cara Eu Dei bombeira fui fazer isso e baguncei meu blog todo
    eu apaguei o "data:post..." e agora nao sei onde ele fica
    só me flw onde ele fica
    VLW

    ResponderExcluir
  57. Parabéns companheiro, de todos os resumos com miniaturas que já tentei usar este e o único que cumpri o que promete, já estou ate mudando os outros que coloquei, esse com poucos códigos e mais fácil de mexer,chega de gambiarra, o de mais e agradece pela facilidade que nos proporciona, ate mais.

    ResponderExcluir
  58. Tudo bem Fabiano? Implementei a págima principal do blog com o código. Ficou 100%, mas gostaria de saber se posso mudar a forma como ele apresenta as imagens.
    No meu caso uso muitas imagens no meu blog, e algumas são enormes e outras muito pequenas.
    No código algumas aparecem desfocadas e destorcidas pela falta de padrão no tamanho.
    É possível aperfeiçoar este código de modo que se consiga um padrão nas imagens, e que elas fiquem com melhor qualidade?
    Abraços e valeu pela ajuda.

    ResponderExcluir
  59. matematica-na-veia

    as imagens das miniaturas são todas do mesmo tamanho, então não tem como corrigir essa distorção nas imagens

    ResponderExcluir
  60. Oi Fabiano,
    Obrigada por nos ajudar. Eu usei esse código, foi um sucesso, tenho 10 postagens e gostaria de aumentar esse número, como fazer?

    Parabéns pelo seu trabalho.
    Obrigada
    Ivy

    ResponderExcluir
  61. Ivy Freitas
    na pagina layout, clique para editar as postagens do blog, lá você pode escolher quantas postagens mostra por pagina, mas acho que deveria usar 10 ou menos

    http://www.dicasparablogs.com.br/2009/01/organizar-postagemocultar-data.html

    ResponderExcluir
  62. Ola Fabiano muito bom seu blog me salva muito mas eu mudei a template do blog e qndo apliquei nessa nova template o codigo para resumir as postagens, nao funciona, as postagens ficam completas e com o Leia mais... no fim do post.
    Já tentei alterar a quantidade de caracteres mas nada você sabe o que esta se passando ?
    Se por acaso eu lhe enviar meu template você consegue resolver? Percebi que há mais pessoas com o mesmo problema. desde já agradeço e seu blog é realmente genial.

    Meu blog caso queira olhar é www.maddoghot.blogspot.com

    ResponderExcluir
  63. veja aqui uma outra forma de colocar resumo da postagem
    http://www.dicasparablogs.com.br/2009/10/mostrar-resumo-da-postagem.html

    ResponderExcluir
  64. Fala Fabiano BLZ, cara o código funcionou que é uma beleza, mas queria saber se tem um jeito de colocar pelo menso uma miniatura de imagem memso nas postagem que tem videos p/ ñ ficar apenas o texto aparecendo, será que tem como???

    PS: parabém pelo site...e se tuver como fazer isso com postagem com videos seria muito bom....

    Obrigado...

    ResponderExcluir
  65. Valeu mesmo deu certinho coloquei até uma imagem no lugar do texto leia mais se quiserem conferir valeu

    ResponderExcluir
  66. Oi fabiano estou com um pobleminha eu concequi mas aparece só uma figura o que eu fasso muito obrigado pela atenção

    ResponderExcluir
  67. Andre
    acho que já conseguiu resolver o problema, visitei agora seu blog e aparecem varias imagens.

    ResponderExcluir
  68. Fabiano muito obrigado pela atenção desculpe de encomodar mas como eu fasso para deixar a primeira figura de sima grande e as debaixos deixar do geito que esta eu tenho que mudar o tamanho dele no layout , Html espandir modelos ele esta 330=
    300 eu tenho que modificar isto
    muito obrigado fico no aquardo um abraço site nota 1000

    ResponderExcluir
  69. compare como está no seu blog e aqui neste tutorial, pelo que falou no seu blog parece invertido 330= e seria = 330.

    mas é só alterar esses valores para qualquer outro que desejar

    ResponderExcluir
  70. Oi fabiano como que eu coloco as imagen pequenas em baixo da grande queria deixar que nem o seu umas 4 imagens pequenas
    De uma olhada no meu blog tem uma imagem grande e queria colocar as imagens pequenas em baixo um abraço fico no aquardo

    ResponderExcluir
  71. AndreDJ
    precisa criar as imagens pequenas e hospedar.

    veja essa postagem aqui tem o código para ficarem uma do lado da outra

    http://www.dicasparablogs.com.br/2009/07/fixar-botoes-no-canto-da-pagina.html

    mas não use a parte para fixar no canto da pagina

    ResponderExcluir
  72. Fabiano tentei colocar deste site aqui http://www.linkwithin.com/learn?ref=widget ele gera o codego mas quando eu coloco aprese embaixo da imagem grande LinkWithin

    ResponderExcluir
  73. o código do LinkWithin não tem como alterar

    ResponderExcluir
  74. Olá, eu gostaria de fazer isso no meu blog, mas não tem nenhuma parte escrito: < data:post.body/ >
    Ja procurei até pelo atalho Ctrl F, mas não consigo achar, diz que não tem, e agora?

    ResponderExcluir
  75. Thali Launé, alguns templates usam tags diferentes, neles não dá para dizer onde colocar o código porque talvez sejam necessários varios ajustes

    mas tente procurar usando a parte principal do codigo data:post.body

    quase todos tem.

    ResponderExcluir
  76. Olá Fabiano, teria como mudar o "leia mais.." por uma imagem? se tiver me ajuda ae
    meu email é: matheus_pessoa123@hotmail.com


    Abraços

    ResponderExcluir
  77. Olá Fabiano, seu Blog é excelente e já me ajudou muito. Bom, gostaria de saber se vc poderia ensinar como se faz para esconder os links como o usuário ADMIN disse lá em cima nos comentários desse post, veja esse link de exemplo:
    http://www.kidownload.com/2008/12/naruto-shippuden-episdios-01-ao-89.html

    Obrigado e parabéns

    ResponderExcluir
  78. para colocar a imagem seria só mudar o texto pelo código

    <img src='endereço da imagem'>

    ResponderExcluir
  79. Meu template tinha um hack parecido com este mas não estava funcionando. Na visualização funcionava mas depois q salvava não funcionava mais.
    Este funcionou direitinho!
    Obrigada!

    ResponderExcluir
  80. obrigado mas não era isso q eu queria
    o que eu quero é algo do tipo desse site
    olha como as postagens estao organizadas
    apenas com imagens
    e queria saber tbm como por uma menu daqueles :ordenar por: postagens recentes...mais comentadas...etc
    vlws
    qualqé coisa meu emailé
    kevin_henrique_1993@hotmail.com

    ResponderExcluir
  81. Kevin
    para colocar as postagens recentes entre na pagina layout, adicionar gadget, feed.
    então coloque o link do seu feed, aparecerá uma lista das postagens mais recentes.

    se quiser aqui tem um codigo que mostra as postagem mais recentes como slides

    Mostrar slides com as postagens recentes do blog

    ResponderExcluir
  82. Olá Fabiano, primeiramente venho te parabenizar pelo blog, é crucial para o pleno funcionamento do meu...

    Esse código funcionou direitinho desde que coloquei a uns tres mese atrás, mas ontem ele enloqueceu: Quando clica na "Leia Mais" ele ao invés de abrir a postagem completa, ele enfilera todas as outras postagens uma abaixo da outra, e pior todas elas na versao compacta sem esta expandida. O que pode ser? POde me ajudar? Obrigado!

    ResponderExcluir
  83. talvez tenha colocado o código em local errado, as vezes que testei funcionou normalmente

    ResponderExcluir
  84. Boa noite Fabiano Roberto,

    O template do meu blog já está configurado dessa maneira. Só que estou encontrando problemas nas páginas que criei. Os posts, quando vc clica em ler todo texto, aparece o texto completo com imagem, sem problemas. Mas criei uma página que chama "Antes e Depois", e nela há várias imagens juntamente com pequenos textos, só que quando eu clico em "ler o texto completo" ela não abre totalmente! É pq tenho muitas imagens? Como faço pra configurar as páginas?? Se quiser dar uma olhada, pra entender o que estou falando meu blog é: http://claudiamelicio.blogspot.com/Vc teria como me ajudar??
    Desde já agradeço sua atenção.

    ResponderExcluir
  85. Claudia, notei esse problema também, mas acho que não tem como consertar isso.

    essa postagem foi publicada antes do blogger ter a opção das paginas extras, vou procurar um jeito de consertar isso.

    ResponderExcluir
  86. Agradeço muitíssimo sua atenção Fabiano! Por agora, resolvi o problema postando a "pagina antes e depois" em Marcadores, o qual substituí o nome por "Trabalhos". Pelo menos consigo visualizar a página toda, dessa maneira.De qualquer forma, agradeço muito seu retorno!!! Obrigada! E parabéns pelo seu trabalho, que é impecável e nos ajuda BASTANTE! =)

    ResponderExcluir
  87. Olá Fabiano, meu template tem um código parecido com esse, só que ta muito errado, porque aparece uma imagem que cobre o espaço do post todo mas também aparece uma imagem pequena e um pedaço do texto do post.

    Você poderia me ajudar pra fazer que aparece apenas a imagem, mas que a imagem fique pequena e caiba toda ela no post ?

    Link do blog: www.taurengames.com

    Espero sua resposta...
    Abraços !

    ResponderExcluir
  88. Fábio Henrique
    aquele código é diferente, o que publicamos aqui todas as miniaturas ficam do mesmo tamanho, seria necessário trocar

    ResponderExcluir
  89. Você consegue localizar esse outro código no meu blog para que eu possa apaga-lo e colocar o seu ?

    Abraços.

    www.taurengames.com

    ResponderExcluir
  90. não dá para localizar o código vendo o blog, tem que mexer diretamente na pagina editar html

    ResponderExcluir
  91. Olá Fabiano, o código funcionou muito bem nas postagens, porém não funcionou nas páginas que eu já tinha criado, qnd clico em Leia Mais, não abre a página e os códigos em html que lá se encontram não são visualizados, o que eu faço?

    ResponderExcluir
  92. Rádio Brasileirão
    esse tutorial foi feito antes das Paginas extras para o Blogspot existirem, notei o problema também, mas não sei como corrigir

    ResponderExcluir
  93. Uma pena =(. Me indica algum outro código que não altere essas páginas extras?

    ResponderExcluir
  94. Meu amigo, o código deu certo no meu Blog, mas os três pontinhos (...) para assinalar que o texto continua não apareceu no corpo do post.

    O que pode ter acontecido e onde eu posso modificar o cógigo para que apareça. Qualquer coisa dá uma olhadinha no blog: http://coariemdestaque.blogspot.com/

    ResponderExcluir
  95. os pontinhos você precisa colocar no link, não tem como fazer aparecer no final do seu texto.

    ResponderExcluir
  96. Muito Obrigado
    www.gospelfree.net
    ficou show

    ResponderExcluir
  97. Fabiano aqui é o EliveltoOn,está tendo um probleminha para mim usar esse código, eu estalei ele certinho mais a cor das letras não ficou compativel com o meu templante o fundo e branco e as letras são cinza claro, quase não dá para ver o que tá escrito. O que faço, como alterar a cor da Fonte ?

    Até em tão gratoO.

    ResponderExcluir
  98. Fabiano aqui é o EliveltoOn,está tendo um probleminha para mim usar esse código, eu estalei ele certinho mais a cor das letras não ficou compativel com o meu templante o fundo e branco e as letras são cinza claro, quase não dá para ver o que tá escrito. O que faço, como alterar a cor da Fonte ?

    Aguardando Resposta...
    Aguardando Resposta...
    Aguardando Resposta...
    Aguardando Resposta...

    ResponderExcluir
  99. esse código não tem formatação de cor, os links são das cores dos links das suas postagens

    ResponderExcluir
  100. Urgente!!

    Por favor ajudem-me eu segui esta sua dica o problema é que eu já tinha paginas individuais no meu blog e agora essas paginas também ficaram resumidas e quando eu tento abri-las para ver o conteúdo todo elas não abrem. Clico e a pagina abre na mesma com o post resumido!´

    Preciso de ajuda!

    ResponderExcluir
  101. infelizmente esse código foi gerado antes das paginas extras existirem no blog, vamos tentar fazer um correção no código

    ResponderExcluir
  102. infelizmente esse código foi gerado antes das paginas extras existirem no blog, vamos tentar fazer um correção no código

    ResponderExcluir
  103. Fabiano me ajuda a primeira parte eu consegui mais a segunda nao da pq no meu template nao tem esse trexo < data:post.body/ > oq eu faço

    ResponderExcluir
  104. precisa clicar para expandir o modelo para achar esse trecho

    ResponderExcluir
  105. testei no meu blog, mas não deu certo. axo que não funciona no meu template. existe alguma maneira de burlar isso???

    ResponderExcluir
  106. veja neste link Miniaturas das Imagens não aparecem

    se as configurações do feed não estiverem na opção completa o código não funciona

    ResponderExcluir
  107. Fala fabiano fiz tudo e esta funcionando certinho, porém gostaria de uma exclarecida mais fácil de como mudar a cor do link Leia Mais...
    Obrigado e no aguardo!

    ResponderExcluir
  108. Felipe tattoo
    você pode colocar uma cor no link alterando o estilo .rmlink a{... que falamos na postagem

    ResponderExcluir
  109. bom dia,
    Fiz todo o procedimento informado acima, mas não sei qual foi a "cagadinha" rs, que agora aparece abaixo da postagem "leia mais" e "Read more", ao mesmo tempo. se a pessoa clicar no leia mais, beleza, vai para o conteudo. se clicar no read more, diz q a pagina nao existe. o que fazer?
    obrigada!
    http://taoinsolentequantoinsolito.blogspot.com/

    ResponderExcluir
  110. talvez esteja usando esse outro código junto Mostrar resumo da postagem

    são duas maneiras diferente de mostrar o resumo da postagem, tem que procurar o código e apagar um deles

    ResponderExcluir
  111. Fabiano,
    obrigada pela disposição em me ajudar.
    Entrei na edição de Html, fiz a expansao do modelo, encontrei uma linha parecida com essa:

    data:post.hasJumpLink'
    div class='jump-link'
    a expr:href='data:post.url + "#more"'>Veja o texto Completo

    eu a apaguei, mas continua tudo a mesma coisa.
    "Read more" e Leias mais...

    Obrigada!

    ResponderExcluir
  112. entre no html do seu blog e apague esse código para ver se resolve o problema, salve uma cópia do seu template caso tenha problemas e precise voltar ao modelo anterior.

    <script type='text/javascript'> //<![CDATA[ function createSummaryAndThumb(pID,enlacetitulo){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = sumario_noimg; if(img.length>=1) { imgtag = '<div class="contemini"><a href="' + enlacetitulo + '"><div class="miniaturas" style="background-image:url(' + img[0].src + ')"></a></div></div>'; summ = sumario_img; } var summary = removeHtmlTag(div.innerHTML,summ,imgtag,enlacetitulo); div.innerHTML = summary; } function removeHtmlTag(strx,chop,imagen,enlace){ var original=strx; if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } if(strx.length<=chop) { return original; } else { chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); var devolver = imagen + '<div>' + strx + '... <a class="readmore" href="' + enlace+ '">Read more</a></div>'; return devolver; } } sumario_noimg = 480; sumario_img = 255; //]]> </script>

    ResponderExcluir
  113. cara vc é um genio..... cosegui e acho que ficou fera!
    confere ae...
    www.unplugados.tk

    ResponderExcluir
  114. Fabiano, boa noite!
    Consegui! Ficou perfeito. Lhe agradeço imensamente. Parabéns pelo seu trabalho, lhe desejo muito sucesso! obs. Agora, voltarei sempre! rs
    Adriana.

    ResponderExcluir
  115. Bom dia.
    Fabiano, Gostaria de saber se tem como Justificar o texto que aparece em resumo, no meu caso o texto não aparece justificado, mas ao clicar em leia mais a postagem aparece justificada como esperado

    ResponderExcluir
  116. acho que a formatação do resumo segue a mesma da postagem, tente colocar no seu html .post{text-align: justify;}

    mas veja se não tem outro estilo .post antes, se tiver só altere o trecho text-align

    ResponderExcluir
  117. Fabiano eu fiz as modificações e deu tudo certo...mas quando eu aumento a imagem o texto aparece abaixo da imagem, tem como fazer aparecer em cima?

    ResponderExcluir
  118. Valeu Fabiano , muito bom mesmo !

    ResponderExcluir
  119. PROBLEMA: Poxa gostei muito desse codigo so tenho a parabenizalo, mais estou com um problema eu ponhei o codigo foi tudo certinho o problema é pq nas outras paginas que criei ele tambem fez o efeito e quando clico em leia Mais, nao funciona. de uma olhada ae o se for possivel. www.juninhopagodao.net

    ResponderExcluir
  120. se está com dificuldades com esse código veja outro semelhante a esse que também Faz Resumo da Postagem com Miniaturas das Imagens

    ResponderExcluir
  121. Oi...

    O meu funciona só que infelizmente, nas próximas páginas não, só na primeira página e outra coisa só aparece 15 postagens já configurei o blog em 20, mas somente 15 aparecem. Teria algo que eu pudesse fazer.

    Obrigada

    ResponderExcluir
  122. deve existir algum limite devido a publicaçao do feed... mas acho que deveria funcionar com 20... não dizer qual é o problema

    ResponderExcluir
  123. Fabiano, eu coloquei esse código, mas ele só funciona na primeira página do blog. Veja: queenbritneycollection.blogspot.com

    ResponderExcluir
  124. Grande Fabiano,

    Estou com o seguinte problema: a primeira página fica ok (resumido) mas quando clico em postagens mais antigas (próxima página) ela volta a mostrar as postagens completas.

    poderia me ajudar ?

    www.arhdmovies.com

    ResponderExcluir
  125. Olá fabiano tudo bem?

    Cara eu procuro com o Ctrl+f o códico: < data:post.body/ > e não têm! O que fazer?

    Grato
    E parabéns por seu trabalho
    vc trabalha com exêlencia.

    ResponderExcluir
  126. Guilherme
    pesquise somente por:
    post.body

    as vezes um espaço em branco faz o ctrl F não achar..

    ResponderExcluir
  127. Nossa era exatamente o que eu estava procurando, muito obrigada pela explicação bem detalhada de como expandir o post. Meu blog ficou lindo, se quiserem conferir...é só acessar: http://taliaskitchen.blogspot.com/ terei o maior de prazer de receber a visita de vocês no meu blog...

    ResponderExcluir
  128. quero agradecer pois vc tem me ajudado bastante continuem assim por favor e disso que os blogs precisam e su tu puder siga meu blog por favor tenho poucos seguidores e estoucomeçando agora!

    ResponderExcluir
  129. Eai
    COmo eu coloco assim

    http://btemplates.com/2011/blogger-template-elegance-gallery/demo/

    eu quero colocar meu template assim da uma olhada ai ve se tem resultado

    falo

    ResponderExcluir
  130. Luiz
    essa pagina que citou é uma demostração, veja na barra tem o botão para download do template... pode baixar e instalar no seu blog, mas salve uma cópia do seu template atual antes de trocar, assim se der algum erro ou não gostar do resultado poderá voltar ao modelo atual.

    ResponderExcluir
  131. ai fabiano

    Eu sei que é demo mais,
    Não tem como deixa as postagens desse jeito
    ou nesse formato
    Por que eu não quero trocar de template, só quero mudar o estilo das postagens

    da uma ajuda ai

    se conseguir

    avisa

    luisteilor@gmail.com

    ResponderExcluir
  132. Luiz
    é possivel mas sem trocar o template vai dar mais trabalho precisa adaptar o código do seu blog igual aquele template, mas não tenho como explicar como fazer porque na hora de edição do html sempre aparece algum detalhe...

    ResponderExcluir
  133. Valeu


    eu achei aqui mais não fica do jeito certo

    e da muito problema, as postagens ficam limitadas



    http://blog.foitestado.com/2010/12/posts-lado-da-outra-postagem-blogger.html

    ResponderExcluir
  134. Cara esse blog é muito bom, mas o desing dele deveria ser melhor.

    ResponderExcluir
  135. eu fiz fiquei bem legal so não entendo pq não consigo abilitar o negocio de divulgações das redes sociais que fica embaixo das postagens

    se puder me ajudar

    vlw

    ResponderExcluir
  136. se não conseguir os botões de compartilhamento pelo blogger use do AddThis

    ResponderExcluir
  137. Entre na pagina editar html(não clique para expandir o modelo) e procure pela tag /head e coloque esse código antes dessa tag.

    PELO AMOR DE DEUS ONDE FICA ISSO?????

    ResponderExcluir
  138. a pagina editar html fica em design... então tem a aba html...

    para achar o código use o ctrl F

    ResponderExcluir
  139. Apliquei ao meu blogue o novo modelo, mas agora não consigo fazer a pré-visualização antes das novas postagens. Ou melhor: a pré-visualização aparece por momentos e desaparece a seguir. Como resolvo isto?

    ResponderExcluir
  140. Clube das Divas Blog5 de julho de 2011 22:41

    to muito, muitoooo feliz!
    eu que não entendo nada dessas linguagens consegui fazer! ficou como eu queria! sua dicas são ótimas! parabéns pelo blog :)

    ResponderExcluir
  141. Boa noite, meu blog tem resumo de postagem mais quando incluo o adsense na postagem aparece no resumo e estraga tudo, o mesmo acontece qdo incluo o linkwithin.

    www.cbdicas.blogspot.com

    ResponderExcluir
  142. Anônimo
    depende de como está colocando o adsense....

    use gadgets e não diretamente nas postagens

    ResponderExcluir
  143. Olá, eu adorei a postagem, mas eu queria saber como fasso para aumentar o tamanho do "Leia Mais..." por que no meu ficou muito pequeno, quero saber também como deixar ele centralizado, pq ele só tá ficando ou no lado direito ou no lado esquerdo. Obrigado

    ResponderExcluir
  144. nesta parte você pode incluir a formatação:

    span class='rmlink' style='float:right'>Leia mais...

    trocando o float:right por text-aling:center;font-size:120%

    mas não apague os sinais de aspas ''

    ResponderExcluir
  145. Marcos Santos zemane4@hotmail.com21 de julho de 2011 13:35

    Excelente o site tem me ajudado muito mesmo Parabens! Bem... Se puder me ajudar agradeceria imensamente. Gostaria de saber como fazer usando esse código onde na home não apareçam os comentários, autor, barra de redes sociais, etc Que fiquem só a miniatura da imagem e o texto parcial e na postagem em si continuar aparecendo esses atributos normalmente conforme setados nas opões de post. A outra dúvida é qnto a deixar tbm a miniatura e/ou texto parcial como link da postagem. Agradeço mais uma vez a atenção e parabens pelo trabalho!

    ResponderExcluir
  146. tente usar o código assim:

    <p><b:if cond='data:blog.pageType == &quot;index&quot;'>
    <a expr:href='data:post.url'><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> </a></b:if>
    <b:if cond='data:blog.pageType != &quot;index&quot;'><data:post.body/></b:if></p>


    mas salve uma cópia do seu template antes, apenas modifiquei o código mas não testei.... ele deve fazer o texto e imagens do resumo serem o link

    ResponderExcluir
  147. Testei aqui as alterações no código que vc fez e não rolou O design da pagina continua o mesmo com a miniatura e o resumo porém sem que os mesmos funcionem como link :/
    E quanto a remover os comentários, barra de redes sociais, autor e etc da home e manter os mesmos na postagem ??
    Só falta ajeitar essas 2 coisas pra eu publicar meu blog To procurando aqui e não acho jeito rsrs
    Aghradeço mais uma vez a atenção e presteza Um abração []

    ResponderExcluir
  148. Excelente dica... me ajudou muito, no meu funcionou perfeitamente. Confira:
    http://felippetoledo.blogspot.com

    ResponderExcluir
  149. Olá Fabiano...Fiz a postagem e ficou certinho..+ eu tenho uma grande dúvida,no meu site q é de filmes. Só q fikou a imagem,e ao lado fikou as informações (como sinopse,tamanho...etc)só q fikou emendado uma palavra na outra (tipo: sinopse tamanho titulo...),eu queria saber se tem uma formatação pra que o texto fike certinho tipoum nome embaixo do outro. exemplo:

    Nome: Matrix
    Tamanho: 200 mb
    Ano: 1998
    Sinopse: bla..bla.blaa...


    Quero q fike ki nem esse site:

    (http://estoqueteste.blogspot.com/)

    Ah e sobre a pergunta do Marcos Santos acima,como faz pra sumir a área ond fika os marcadores ou então como eu faço pra colocar no fim da postagem? igual no site acima!

    Obrigado...Valew!

    ResponderExcluir
  150. tem como mudar o "leia mais" de cor?

    ResponderExcluir
  151. Anonimo, sobre as cores veja o final do tutorial, esse trecho: .rmlink a{border: 1px solid #666666}
    .rmlink a:hover{border: 1px solid #000000}

    é aqui que altera as cores

    Caio Rafael
    está falando da formatação na hora que mostra o resumo?

    se for não tem como corrigir

    ResponderExcluir
  152. Hola, gente eu estou desesperado pra saber como tirar o botão LEIA MAIS! Tava seguido essa dica tentando apagar os códigos, mas nada funciona.
    Se alguém souber como me ajudar! Fico muitíssimo grato de verade, já tentei de tudo! A pior parte é o "read more" ignora as postagens de vídeos, sendo possíveis que o player apareça apenas se clicar pra expandir! =/

    ME ajudem?

    Aqui o meu blog:
    www.reggaetonbrasileiro.com

    ResponderExcluir
  153. retirar o resumo da postagem depende muito de qual código é utilizado... o link deve estar no seu html perto de div class='readmorecontent'

    mas se apagar somente o link ele ainda continua mostrando resumo... por isso tem que ver qual tipo de código para o resumo usou para poder modifica-lo

    ResponderExcluir
  154. Olá fabiano me tira essa duvida.
    No meu template já venho essa "miniatura da postagem", só que o problema dele é que ele não mostra uma embaixo da outra nas minhas postagem, ele só mostra 1 por vez, ou seja eu posto hoje, amanha se eu postar, o de ontem sai e o atual fica, ele não mostra um embaixo do outro ( como seria o que eu quero).Eu queria saber como faço para mostrar todos os postes recentes um embaixo do outro.
    Eu já achei o código no HTML mais não sei onde eu modifico é se o problema estar realmente no HTML.Não e o mesmo que você usa ( nesta sua postagem )e eu já configurei no Gadget de postagem para mostra 5 postagem + mesmo assim ele só mostra uma.teria como você me dizer como faço para mostra as 5 como eu configurei?

    Caso você me permitir para que eu mande o pedaço do Código pelo seu email, eu mando.


    Obrigado cara :)!

    ResponderExcluir
  155. heitor
    e sua pagina inicial, está configurado para mostrar quantas postagens?... é estranho acontecer isso. veja as configurações ou os códigos que usou no blog para fazer o resumo

    mas mudando de assunto, veja esse link Perfil não disponível

    ninguém consegue ver o seu perfil, você pode perder visitas com isso

    ResponderExcluir
  156. Fabiano mandei um email para você no seu contanto do yahoo. Vlws ae cara.

    ResponderExcluir
  157. não consigo aumentar o tamanho da imagem, eu vou em img_thumb_height e coloco 300 ao invés do 100, mas continua com o mesmo tamanho. O que devo fazer?

    ResponderExcluir
  158. fabiano, estou procurando e nao consigo achar como colocar esses negocios em cima, tipo no teu site tah assim em cima: Posts Recentes, Tutoriais Diversos, Dicas + Comentadas, Enquetes, Dicas no seu site, Como Criar um Blog, como eu ponho isso no meu blog (eu nao sei o nome disso).

    ResponderExcluir
  159. acho que houve uma alteração no arquivo pipe yahoo... não temos controle sobre ele que não permite configurar o tamanho da miniatura

    ResponderExcluir
  160. obg apenas este funciona corretamente ^^
    grato www.crbdownloads.com

    ResponderExcluir
  161. Caraca valeu pela postagem, me ajudou muito, para ver o resultado entrem ai : www.mestredorocknroll.blogspot.com

    ResponderExcluir
  162. AMEI *0* Deu certinho,muito bom *-*

    ResponderExcluir
  163. 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

    ResponderExcluir
  164. esse código faz o resumo em todas as postagens do blog...

    se quiser neste outro código: Mostrar resumo da postagem

    é possivel escolher o local exato de onde ficar o resumo em cada postagem

    ResponderExcluir
  165. Fabiano, estou pensando em colocar esse recurso no meu blog, mas antes queria saber se ele influencia na velocidade de carregamento da página.
    O site fica mais lento, a mesma coisa ou não tem nada a ver?

    ResponderExcluir
  166. Pri Paiva - DS Winchester Blog
    é para o blog ficar um pouco mais rapido...

    porque no caso de postagens com varias imagens só aparece a miniatura de uma delas...

    e coisas como videos dentro da postagem não aparecem no resumo...

    por isso a pagina inicial deve ficar mais rapida

    ResponderExcluir
  167. Outra dúvida boba: Eu tenho o widget Linkwhitin que fica no fim da minha postagem indicando outros posts sobre aquele assunto.
    Eu acabei de testar esse código para resumir a postagem, deu certo, tá tudo bonitinho. Mas, queria saber se tem como aparecer esse widget só se a pessoa clicar no leia mais... deu pra entender...?
    Porque no meu caso ficou assim: título, imagem, resumo da postagem leia mais e o linkwhitin. E eu queria que ele só aparecesse se a pessoa clicasse no leia mais...

    ResponderExcluir
  168. se colocar o código do linkwithin na parte final do código ele só aparece na pagina da postagem, assim:


    < b:if cond='data:blog.pageType != "index"' >
    < data:post.body/ >
    codigo do linkwithin
    < /b:if/>

    ResponderExcluir
  169. muitíssimo obrigada por este post que me ajudou muito era exatamente isso que eu estava tentando fazer mas não estava conseguindo pois os códigos que eu achei não funcionava ......valeu !!! rsrs

    ResponderExcluir
  170. Hey Fabiano, procurei algo de como RETIRAR o "Read More" das minhas postagens porque quero a postagem completa, pode dar uma dica de como retirar isso? meu blog é http://pointoples.blogspot.com/

    porque o resumo sai todo sem formato e fica ruim a visualização... Fico no aguardo e Obrigada desde já.

    ResponderExcluir
  171. May Hatzler
    o seu resumo parece ser igual o deste tutorial...

    o jeito é tentar desfazer o que mostramos aqui, ou seja retirar os códigos do resumo e voltar ao normal...

    não tem jeito mais facil...

    ResponderExcluir
  172. Obrigada, eu estava mesmo procurando como se fazia isso, ficou bem legal no meu blog agora!!

    ResponderExcluir
  173. Fabiano eu achei a dica incrível mas
    e fiz passo a passo mas...na hora de procurar
    o codigo < data:post.body/ >,não encontro.=((alías
    não sei pq)Eu te mandei um email pedindo ajuda sobre como linkar as postagens,mas acabei me interessando por esse outro método que vem qse
    a ter o mesmo objetivo:espaço no blog.agora não sei como fazer pq o código sumiuuu!=( hellp
    Um abração e obrigada por esse site super esclarecedor!

    ResponderExcluir
  174. @gloriacat precisa marcar a opção expandir o modelo na pagina editar html para achar o post.body

    ResponderExcluir
  175. Fabiano,
    Eu estou com um problema inverso.
    Encontrei um template para blog no btemplate que achei lindo, mas a área de postagem é dividida em várias partes, pois é um template tipo "vendas", eu queria deixar a área normal, com 1 postagem mesmo, como faço para reverter a postagem expansível? Estou tentando seguir o inverso daqui mas não sei o limite dos cógigos.

    ResponderExcluir
  176. a template, para vc ter uma idéia, é esta aqui
    http://btemplates.com/2011/blogger-template-baby-online-shop/

    ResponderExcluir
  177. @Mônica Lourenço reverter é meio complicado.

    você precisa olhar o html e achar o código que faz o resumo para tentar desfazer.

    veja nossos tutoriais sobre resumo da postagem e tente fazer o procedimento ao contrario.

    ResponderExcluir
  178. Olá amigos! muitos boa sua postagem, garantoa que ajudou e ainda ajudará muita gente.
    eu estava procurando algo assim ja algum tempo mas oq eu queria msm, é exatamente isso,
    veja a img abaixo:

    http://i41.tinypic.com/25apykn.png

    se possivel fazer um codgo que deica dessa forma mande um email para mim redecbu@hotmail.com

    fique na Paz

    ResponderExcluir
  179. @TV CBU isso é uma formatação especial no resumo das postagens, vou fazer uns testes e criar um tutorial sobre o assunto

    ResponderExcluir
  180. @Fabiano Roberto
    Ok ficarei no aguardo e assim que fizer o tutorial, mande o link por email para mim por favor.
    abraços e fique na Paz

    ResponderExcluir
  181. Olá. Fiz conforme a explicação e deu tudo certo. Mas gostaria que o resumo ficasse com o texto justificado, assim como está na postagem completa.É possível ? Grata.Elis.

    ResponderExcluir
  182. é complicado formatar o texto no resumo porque tem códigos externos (scripts) que já contem algumas formatações

    ResponderExcluir
  183. Olá Amigo! conseguiu fazer a formatação que vc falou no resumo da postagem?

    ResponderExcluir
  184. são varios códigos para resumo da postagem então teria que testar diretamente no html do blog por isso não tenho como fazer.

    ou seja eu poderia fazer um tutorial sobre o assunto que serviria para poucos blogs e as variaveis são muitas

    ResponderExcluir
  185. OIE! TUDO BLZ? FIZ O PROCEDIMENTO E ESTÁ OK. PORÉM AS IMAGENS FICAM DISTORCIDAS.....COMO ARRUMAR ISSO? OBRIGADA! SEU SITE É SHOW! Vera Moraes - AQUI TEM DE TUDO - www.veramoraes.com.br

    ResponderExcluir
  186. Olá Fabiano, gostaria de saber se é possível mudar a miniatura que aparecerá na home do blog. Vejo em alguns blogs em que a miniatura é uma imagem que nem sequer está no post, você poderia me ensinar a fazer isso? Obrigado.

    ResponderExcluir
  187. @Fabiano Roberto
    Hum ok entendi, mas se caso msm assim resolver fazer o tutorial por gentileza me avise pos testarei em meu blog para ver se dará certo.
    abraços e fique na Paz.

    ResponderExcluir
  188. é normal distorcer a imagem no resumo da postagem porque o código faz as miniaturas ficarem do mesmo tamanho

    ResponderExcluir
  189. ola muito obrigado
    preciso saber como deixar a imagem acima do post
    e como vc aumenta a fonte em que ele aparece.
    obrigado

    ResponderExcluir
  190. acho que não tem como fazer essa alteração

    ResponderExcluir
  191. como faço pra colocar esse efeito nas páginas de arquivos do blog? pq ele só fica na home mais e ná página de arquivos mostra ele todo aberto!

    ResponderExcluir