Resumo automático de postagens "Leia mais" no Blogger

12 de dezembro de 2013

112 comentários:

O que é?

Postagens extensas na página inicial apenas dão uma aparência feia e amadora ao seu blog, além de causaram uma grande lentidão para o carregamento completo de uma postagem extensa com imagens, por exemplo. O uso do resumo automático é muito útil em questões como estas. Além de melhorar a aparência do seu blog, permite que concentre maior quantidade de postagens na página inicial, sem que ela demore tanto a carregar.

Instalando o Hack em seu blog

A instalação é simples, no entanto exige um pouco de atenção. Vamos lá:

Atenção: Faça backup do seu blog antes de qualquer edição no código HTML.

1ª etapa: Inserir o código JavaScript

Acesse o Painel do blogger e vá até o menu Modelo, e clique em Editar HTML.
Clique dentro da caixa de códigos e pressione as teclas Ctrl + F.

Você deverá procurar por:
</head>

Conforme mostra a imagem abaixo:
Representação da caixa de busca do blogger


E acima dele, colar este código:
<!-- Javascript Resumo Automático de Postagens-->
<script type='text/javascript'>
summary_noimg = 400;
summary_img = 450;
img_thumb_height = 135;
img_thumb_width = 135;

</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
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("");
}
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);
return strx+' [...]';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Fim Javascript Resumo Automático de Postagens-->
Trechos e serem alterados:

summary_noimg = 400; - Correspondente a quantidade de caracteres exibidos nas postagens que não possuem imagens.
summary_img = 450; - Corresponde a quantidade de caracteres exibidos nas postagens que possuem imagens.
img_thumb_height = 135; - Corresponde a altura em pixels da miniatura a ser exibida.
img_thumb_width = 135; - Corresponde a largura em pixels da miniatura a ser exibida.

Os valores a serem alterados estão em vermelho. Nenhum outro trecho do código deve sofrer alterações, para evitar problemas no hack.

2ª etapa - Inserir o código HTML

Procure por este trecho:
<data:post.body/>

Você encontrará 3 trechos iguais. Opte por alterar o segundo trecho encontrado. Substitua a tag por este trecho HTML:
<!-- Html Resumo Automático de Postagens-->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<p><b:if cond='data:blog.pageType != &quot;item&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='reslink' style='float:right'><a expr:href='data:post.url'>Leia Mais ››</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>
</b:if>
<!-- Fim Html Resumo Automático de Postagens-->
 O trecho Leia Mais ›› pode ser substituído por qualquer outro trecho escrito que desejar, como: Ler postagem completa, etc.

3ª etapa - Substituir o link Leia mais por uma imagem

O trecho que se encontra destacado em vermelho, poderá ser substituído por uma imagem relacionado ao tema, que fará a função do link Leia mais. Para inserir basta substituir o nome destacado, por este código:
<img src="URL-DA-IMAGEM"  title="Leia mais"/>
URL-DA-IMAGEM - Deve ser substituído pelo URL da imagem que quer que apareça em seu blog.
Leia mais - Será o trecho que aparecerá como legenda ao passar o mouse sobre a imagem.

4ª etapa - Salve o Modelo!

Salvando o modelo verá o recurso funcionando em seu blog. Caso não funcione ou apresente algum erro, use o código do Backup feito no início do tutorial para restaurar seu blog, e caso deseje, refaça o tutorial com um pouco mais de atenção que verá que o erro não ocorrerá novamente.

Qualquer dúvida, basta comentar!

112 comentários:

  1. Legal o post! Estou alterando aqui e fiquei em dúvida. Na segunda etapa, o trecho a ser substituído é ""? Só isso? Nada antes nem depois? Esse trecho entre <>? Outra coisa... realmente encontrei 3 "", o que acontece se eu escolher o 1º ou o 2º? Obrigado!

    ResponderExcluir
  2. Olá Daniel,

    Obrigado por participar :)

    Você deve apenas substituir o trecho "data:post.body" pelo código. Nada antes ou depois, que o recurso irá funcionar.

    Sobre a escolha de outro trecho ao invés do segundo: o blogger possui visualização de diferentes plataformas, e dentre elas a Mobile. Portanto, existe um trecho (o terceiro, se não me engano) que é referente a plataforma Mobile, e se você o substituir, não surtirá efeito algum no blog. Mas caso não funcionar com um trecho, teste com outro, que com certeza funcionará.

    Abraços!

    ResponderExcluir
  3. Obrigado pela resposta! Você sabe dizer se demora algum tempo para atualizar? Eu substitui só o trecho que vc mencionou (nada antes, nem depois). Porém, ainda não surtiu efeito (e isso já tem algumas horas).

    ResponderExcluir
    Respostas
    1. A alteração é momentânea.

      Tente alterar por outro trecho do código. Se você alterou pelo segundo, agora tente substituir o terceiro ou primeiro.

      Seria interessante que reverta o processo anterior (remover o código que você adicionou no trecho 2, colocando de volta a tag data:post... no lugar do código html) para evitar de ficar dois códigos idênticos no modelo.

      Boa sorte :)

      Excluir
  4. Vlw! Funcionou quando substitui o terceiro trecho. Abraço!

    ResponderExcluir
    Respostas
    1. Que ótimo!

      Fico muito feliz que tenha ajudado!

      Abraços :)

      Excluir
  5. Muito bom! Adorei! Pensei que fosse modelo de blog e procurei por isso. Hoje fiz busca diferente e encontrei essa dica. Valeu, Henrique!

    ResponderExcluir
  6. Cara, na boa, há dias eu tentava fazer isso, mas todos os tutoriais que eu achava, dava errado no meu blog...
    O seu foi o único que explico exatamente o que é pra ser feito e ficou perfeito!
    Muito obrigado!

    ResponderExcluir
    Respostas
    1. Olá Fábio,

      Fico feliz que tenha te ajudado!

      Excluir
  7. Vlw Zenny, dessa vez eu conseguir sozinho hehe

    ResponderExcluir
  8. Eu não encontrei esse <data: post... no meu html. Como eu faço. Eu estou usando o Tumblr.

    ResponderExcluir
    Respostas
    1. Olá Bryan,

      Essa dica é funcional apenas para o Blogger :|

      Abraços!

      Excluir
  9. Olá Henrique,
    estou a tentando colocar esta dica no meu blog (blogspot) mas não encontro o código para fazer o 2º passo (data:post.body). O que estou fazendo mal, pode-me ajudar? muito obrigada, Rita

    ResponderExcluir
    Respostas
    1. Olá Rita,

      No editor de códigos, clique dentro da caixa de códigos e pressione a tecla Ctrl + F, para localizar os trechos com precisão.

      Abraços!

      Excluir
  10. Olá Henrique,
    Foi o que fiz, mas só aparece um trecho com " "
    É normal? muito obrigada pela sua rápida resposta.

    ResponderExcluir
    Respostas
    1. Tente altera-lo, se não funcionar pode ser que o template não suporte o recurso...

      Excluir
  11. Oi Henrique. Como vai?
    Deste lado do Atlântico - Portugal - "fala" Maria Helena Mota.
    Queria deixar o meu comentário em relação a este artigo. Já tentei dezenas de vezes e nunca consegui. Sigo o passo a passo e, umas vezes não encontro a "tag" outras, encontro mas, ao copiar, nada dá certo.
    Então o que aparece, desde a última vez que tentei é : a página completa com um pequeno resumo, do lado direito aparece o "Leia Mais", e do lado esquerdo "ler mais". Por debaixo aparecem as imagens do linkwidin, as etiquetas, o meu nome, etc. Isto devia aparecer só depois de ler o artigo completo.
    Também gostaria que, em cada página, fosse possível introduzir dois títulos (um ao lado do outro) como tenho visto em muitas páginas.
    Não podia ajudar-me? É que já escrevi para alguns blogs mas ninguém me responde. E como vi que o Henrique responde a todos os comentários, fiquei muito satisfeita por ter encontrado o seu blog.
    Sou portuguesa mas já não sou jovem - 1952. Criei o blog com a intenção de divulgar dois livros que publiquei - livros de autor - mas queria que o meu blog estivesse apresentável para poder divulgá-los pois, acho o meu blog, simplesmente horrível!
    Ah! Outra coisa em relação aos códigos HTML e CSS - dos quais nada percebo - é que devem estar todos repetidos e não sei nada como retirá-los.
    Se tiver um tempinho não se importa dar uma olhadinha? Ficaria muito agradecida. E quando eu tiver mais um tempinho passarei pelo seu blog . Já cliquei sobre alguns artigos e vou voltar. Vou seguir seu blog no Blogger e no Google+. Já cliquei.
    Um resto de boa semana e felicidades para seu seu blog.
    PS. Apesar de jovem, acho muito louvável da sua parte, e de outros jovens, que devem trabalhar ou/ e estudar, ainda conseguirem ter tempo para o blog. Pois eu sei que não é nada fácil. Os meus sinceros parabéns e vá em frente. Seu blog é agradável à vista e bem fácil de ler! Um Grande Louvor aos jovens empreendedores que não ficam de braços cruzados esperando que tudo lhes seja oferecido em troco de nada. Para si e para essa jovem linda - namorada ou esposa - vão também os meus sinceros parabéns.
    Agora está na hora de ir fazer o jantar.

    ResponderExcluir
    Respostas
    1. Olá Maria Helena,

      Agradeço de coração seu comentário!

      Mas infelizmente não posso dar este suporte específico em relação ao blog, sobre resolução de problemas, etc. Até porque são muitos usuários, e acabaria sendo algo injusto de minha parte oferecer suporte a um e a outro não.

      Pela analise que fiz em seu blog, a dica é que reverta seu template a um modelo padrão do blogger, e faça a personalização nele novamente. Com isso, todos os erros e códigos serão removidos. É obvio que até deixar seu blog da forma que deseja, todo arrumado com as cores, tamanhos e fontes certas demorará um pouco, mas é algo necessário.

      Boa sorte com o blog!

      Abraços!

      Excluir
  12. Oi Henrique. Como vai?
    Obrigada pela sua rápida resposta.
    Compreendo que não possa dar suporte a todos os usuários que lhe pedem. Naturalmente não teria tempo para mais nada.
    De qualquer modo fico muito agradecida por ter respondido e por ter dado uma olhadinha. Vou tentar fazer o que me aconselha só que não sei se vai resultar. Depois darei notícias. E, sempre que der, passarei para ler outros artigos.
    Obrigada e uma boa semana que se aproxima. Vou seguir o seu blog. Penso que é só digitar meu e-mail.
    Grande abraço.

    ResponderExcluir
  13. Uso um template personalizado e ão encontrei tem como aplicar nele essas sugestões acima.

    ResponderExcluir
    Respostas
    1. Olá,

      O código não se aplica a modelos personalizados.

      Abraços!

      Excluir
  14. Fala Henrique, blz?

    Fiz os passos, mas a imagem aparece acima do texto resumido, sabe dizer o que poderia ser?

    Abr!

    ResponderExcluir
  15. Pesquisei bastante e não encontrei nada, se puder ajudar, agradeceria muito!!!
    O mais perto que cheguei foi de que dois comandos "float" não ficam na mesma linha.
    Para ser mais exato, tirei uma printscreen do que esta acontecendo:
    http://i.imgur.com/iUc9ViD.gif

    Abr!

    ResponderExcluir
  16. hahahahahahahahahahaha! consegui resolver! o problema era no teste de postagem, escrevi uma linha apenas!!! por isso ficou assim! hahahahahahaha!
    o código funciona!

    ResponderExcluir
  17. Zenny, tutorial aprovado, muito bom.
    No meu caso ficou apenas um problema, como também instaley o Linkwithin, a pagina inicial carrega abaixo de cada resumo as sugestões de leitura do Liinkwithin, ficou pesado. Gostaria de saber como fez para não ocorrer isso no seu blog. Obrigado!

    ResponderExcluir
    Respostas
    1. Olá,

      Neste caso é necessário fazer um procedimento um pouco avançado, o uso de tags condicionais, que infelizmente não há como explicar através de um comentário por ser algo extenso e complicado!

      Abraços!

      Excluir
  18. Olá, estou tentando colocar, mas no meu templare não tem a tag , o que faço?
    Obrigada.

    ResponderExcluir
  19. coloquei no meu blog de filmes, mais ta com dois problemas .

    o primeiro e que eu queria que aparecesse todas as letras podem ser mostradas , achei aquele lugar que troca de números mais quando eu troca n acontece nada fica com isso [...].


    e o segundo se da pra abaixar mais um pouco o link leia mais?

    sofilmesoline.blogspot.com

    ResponderExcluir
  20. eu coloquei no meu outro blog, e agora percebi que esse codigo ai não coloca a descrição da pesquisa e sim oque esta escrito na pagina do post....

    tipo eu coloquei Naruto Shippuden ep 381 online legendado pra ficar na descrição da pesquisa,

    mais aparece as palavras que estavam no post e se n tiver nada no post n aparece nada, tem alguma idea de como colocar pra achar a descrição primeiro?

    ResponderExcluir
  21. Henrique desde já agradeço por seu tutorial muito bom cara.

    Estou com um problema depois de todos os passo o resumo da minha postagem, no meu caso o resumo do filme ficou aparecendo do lado da imagem do post, como fazer para deixar só o nome leia mais em baixo da imagem do post.

    Desde já agradeço atenciosamente !!!

    ResponderExcluir
    Respostas
    1. Olá,

      No código summary_noimg = 400; e summary_noimg = 400;

      Substitua os valores por 0.

      Abraços!

      Excluir
  22. Não consegui deu errado. fiz tudo direitinho varias vezes e so deu erro.

    ResponderExcluir
    Respostas
    1. Tente alterar a posição do código, geralmente resolve!

      Excluir
  23. Olá Henrique Zenny, adorei essa dica, e implementei no meu blog, em questão de , quando a a troca, e eu procurar ele de novo, vou encontrar no no código HTML?

    ResponderExcluir
  24. Boa noite, encontrei um problema por que apenas o resumo do ultimo post apareceu na pagina inicial ao inves de alguns. como posso resolver isso?

    ResponderExcluir
  25. Henrique Zenny, muito obrigado pela ajuda, aconteceu tudo como disse, Parabéns pelo post!

    ResponderExcluir
  26. Olá, você pode me ajudar no meu caso? Ele é o contrário, no meu tema o post fica resumido, e eu quero que ele apareça completo, sem resumo e sem links para visualizar a postagem completa. Obrigada.

    ResponderExcluir
    Respostas
    1. Boa tarde!

      Caso seja um template personalizado, será necessário procurar por algum código relacionado ao que indico e o remover.

      Tente buscar pelos códigos do tutorial, ou algo parecido.

      Abraços!

      Excluir
  27. Mt obrigada, Tentei mts codigos e nenhum funcionou, já tinha desistido qnd encontrei o seu \o/ valeeeww!

    ResponderExcluir
  28. henrique pfvr preciso de sua ajuda olha quando eu coloca essa ela consegue fazer normal so que tipo quando eu crio em ler mais ele criou uma cópia de minha postagem como editar isso ?

    ResponderExcluir
  29. Aparece tudo certinha, porém, quando clico na imagem do "continue lendo" não aparece nada, não tem link.

    ResponderExcluir
  30. Obrigado pela dica! Fiz no www.graduandosemdireito.blogspot.com e funcionou, mas gostaria de saber se tem como deixar o trecho resumido justificado, em vez de alinhado a direita?

    ResponderExcluir
    Respostas
    1. Também queria saber =((((((((((

      Excluir
    2. Achei a resposta! http://www.codigosblog.com.br/2010/02/como-justificar-texto-das-postagens.html

      Excluir
  31. Brigadão Cara, Deu certinho como eu queria!

    ResponderExcluir
  32. Cara, gostei muito do seu post e funcionou perfeitamente. Você está de parabens.

    ResponderExcluir
  33. Muitooo obrigada. Mds! Fazia tempo que estava procurando e não achava.
    Olha lá http://leituranomeumundo.blogspot.com.br/ ;)

    ResponderExcluir
  34. otimo post. no meu blog apareceu somente dois resumos, vc sabe como eu poderia mostrar 4 resumos para poder deixar o layout do blog melhor?
    obrigada

    ResponderExcluir
    Respostas
    1. Oi, Cris
      Vá em configurações/ postagens e comentários lá terá mostrar no máximo nesse campo Você irá colocar a quantidade de postagens que quer na página inicial.
      Espero ter ajudado.
      Abraços

      Excluir
  35. Obrigada, me ajudou bastante.
    Caso queira ver como ficou http://exuberancelingerie.blogspot.com.br/
    Abraços e Sucesso sempre

    ResponderExcluir
  36. Parabéns pelo tutorial, bem explicativo. Me ajudou muito,me fez virar seguidora =)

    ResponderExcluir
  37. Olá Henrique, belo post!
    Já conheço esse Script há algum tempo, é bem útil. Porém tive um pequeno probleminha: Instalei em meu blog um widget estilo HTML5, exibindo o nome do autor, data da postagem e a quantidade de comentários abaixo dos títulos dos posts, e os marcadores ficam duplicados na índex de meu blog por causa desse Script do post.

    Sabe como posso remover os marcadores que ficam abaixo do pequeno resumo da postagem?

    ResponderExcluir
  38. Henrique, não sei se poderia me ajudar.
    Só hoje percebi que quando vou para postagens mais antigas não aparece mais as postagens (ou resumos) só aparece os resumos na página inicial.
    Dede já agradeço.

    ResponderExcluir
  39. Consegui, muito fácil, muito bom!!! Ficou lindo: www.pegadasnaestrada.com.br Muito obrigada!

    ResponderExcluir
  40. Olá! O link leia mais aparece em minhas postagens, mas não resume o post... O que posso ter feito de errado?

    ResponderExcluir
    Respostas
    1. Olá!

      Pode ser algum problema específico com o template do seu blog.

      Tente reverter aos modelos padrões do Blogger antes de fazer as alterações.

      Abraços!

      Excluir
  41. Como assim alterar os números em vermelho? Não é só copiar e colar o código todo?

    ResponderExcluir
    Respostas
    1. Sim, é só copiar.

      Você pode alterar para mudar as dimensões do resumo ou imagem.

      Abraços!

      Excluir
  42. Olá tudo bem?
    Amei seu post e consegui colocar ele, só não deixei no blog porque quero a foto em cima e maior com o texto abaixo da imagem depois o leia mais... como faço?


    Obrigada desde já

    www.useeabuse.com

    ResponderExcluir
    Respostas
    1. Boa tarde,

      Infelizmente não há como ensinar por aqui, por ser um procedimento longo e complicado.

      É necessário um trabalho de personalização de templates para tal feito.

      Abraços!

      Excluir
  43. Olá, Henrique, você sabe se este código funciona também no Weebly? Obrigada pela atenção!

    ResponderExcluir
    Respostas
    1. Olá Amanda,

      Não, funcional apenas no Blogger.

      Abraços!

      Excluir
  44. Obrigado pela post. foi de grande ajuda, tive um pouco de problema para entender a segunda paste mas deu tudo certo. obrigado

    ResponderExcluir
  45. Funionou direitinho! Muito obrigada!!!!

    ResponderExcluir
  46. Primeiro, muito obrigado pelo tutorial... e segundo, gostaria de saber como faço para deixar o texto justificado.

    ResponderExcluir
  47. Bom devo diser que eu ia chingar muito aqui (mentira), por que eu passei a tarde toda tentando faser isso funcionar mas nada, dava certo.
    Mas com muita perseverança eu finalmente consegue, adorei o tutorial e muito obrigado

    ResponderExcluir
  48. Olá, Muito obrigada, estou tendo um problema justamento com isso. Valeu mesmo. :D

    ResponderExcluir
  49. Perfeito cara, consegui aqui, apesar de ter tido que procurar um vídeo no youtube para entender apenas a 2ª parte, deu realmente tudo certo.

    O que eu não estava entendendo direito é o que eu teria que substituir para colocar o código, compreendi que eu preciso substituir o código pelo código informado abaixo no tutorial, no meu caso, este código () aparecem duas vezes então eu substitui duas vezes também.

    Porem resta uma pequena dúvida, como faço para deixar o título da minha postagem grande em destaque? porque está aparecendo tudo embolado aqui no meu o título com parte da postagem entende? eu queria deixar o título grande e parte da postagem abaixo. Obrigado.

    ResponderExcluir
    Respostas
    1. Boa tarde,

      Você deverá alterar as dimensões do texto da postagem através do Designer do Modelo, indo no Painel de Controle > Modelo > clicando em "Personalizar" > Avançado.

      Abraços!

      Excluir
  50. Boa tarde,

    Eu experimentei e funcionou! Mas queria que o texto aparecesse em baixo da imagem ! E a imagem centrada.

    ResponderExcluir
  51. explicação otima consegui na primeira tentativa!!obg

    ResponderExcluir
  52. Olá!
    Sou deficiente visual, e, infelizmente, o editor de HTML do Blogger não é muito amigável com leitores de tela.
    Será que se baixar o template do blog, acrescentar os códigos no arquivo e depois fazer o upload funciona?
    Obrigada desde já.

    ResponderExcluir
    Respostas
    1. Olá Roberta!

      Funciona sim, desde que use os códigos conforme explico no tutorial.

      Abraços!

      Excluir
  53. Este comentário foi removido pelo autor.

    ResponderExcluir
    Respostas
    1. Olá,

      Vá até o código e faça as seguintes modificações. Em:

      summary_noimg = 400;
      summary_img = 450;

      Altere por:

      summary_noimg = 0;
      summary_img = 0;

      Boa sorte!

      Excluir
  54. E aí, Henrique. o meu template já veio com read more
    http://sejaselado.blogspot.com.br/

    Só que quero editar ele porque está em inglês e não consigo. Já tentei procurar imagem ou codigo no html e não consegui, você sabe o que pode ser?

    ResponderExcluir
    Respostas
    1. Olá!

      É necessário fazer a busca dentro do html, e se não encontrar nada referente ao resumo, é possível que algum javascript externo esteja o configurando.

      Abraços!

      Excluir
  55. Oi Henrique, parabéns pelo tutorial. Só contribuindo com a postagens, para aqueles que desejam evitar que a imagem fique desproporcial, ou esticada, basta colocar o tamanho "height" desejado e mudar a img_thumb_width para "null", que automaticamente será convertida proporcionalmente a primeira dimensão. Exemplo no modelo abaixo:
    img_thumb_height = 150;
    img_thumb_width = null;

    ResponderExcluir
    Respostas
    1. Olá Willian,

      Obrigado. Fico agradecido pelo complemento.

      Volte sempre!
      Abraços.

      Excluir
  56. hey eu alterei isso no meu blog pq estava com os posts duplicados, isso funcionou mas os artigos duplicados continuaram la, apareceu um resumo do post como ensinado neste tutorial mas os posts duplicados nao sumiram continuam aparecendo na home por completo :/ sabe como me ajudar? já procurei varios tutoriais mas até agr nada

    ResponderExcluir
    Respostas
    1. Bom dia, Victor,

      Nesse caso, bem provavelmente algum erro está tomando conta do código do seu template. Sugiro que tente alterá-lo por um novo, pois certamente não ocorrerá tal erro.

      Abraços!

      Excluir
  57. Henrique, muito obrigada pelo tutorial. Infelizmente, desde que fiz a adequação no blog, em vez de 10 posts em cada página, agora aparece em número sorteado, as publicações. Há páginas que aparecem 7 publicações, já na página seguinte são 18. Ainda que eu altere em configurações o número de postagens que gostaria que fossem exibidas na página principal (e nas demais) não ocorre nenhuma mudança, e esse sorteamento continua ocorrendo na medida que novas publicações são feitas. Por favor, o que pode estar havendo de errado? Dessa forma, a configuração ficou bagunçada. Por favor, peço para que se possível me ajude. Muito obrigada por sua atenção!

    ResponderExcluir
    Respostas
    1. Bom dia, Laudem

      A causa para o problema pode ser diversa. Mas, creio que seja alguma inadequação no seu código html, algo que fez com que não funcionasse como deveria.

      Com isso, sugiro que faça a restauração do seu modelo, por meio do backup que solicito no início do tutorial, verificando se ele continua a ocorrer.

      Abraços!

      Excluir
  58. No meu HTML não aparece o código
    O que eu faço?

    ResponderExcluir
    Respostas
    1. O código não apareceu no comentário. Trata-se do data:post.body. Quando digito na pesquisa ele não aparece.

      Excluir
  59. Eu uso o blogger normal, mas só acho uma tag. O que eu faço?

    ResponderExcluir
  60. Olá. Não entendi o terceiro passo. Que imagem devo escolher, já que cada postagem tem uma imagem diferente? Obrigada!

    ResponderExcluir
    Respostas
    1. Olá Vanessa,

      Esse paço é opcional.

      Me refiro a uma imagem que aparecerá no lugar do texto "Leia mais", caso queria que apareça.

      Se não fizer, aparecerá o link "Leia mais", normalmente.

      Abraços!

      Excluir
  61. melhor tutorial que achei. mt obrigadaaa

    ResponderExcluir
  62. Bom, eu criei meu blog a pouco tempo, e percebi um erro nas postagens. Troquei de template diversas vezes, e o erro de manteve. Só não aparece o erro no meu template atual, porque as postagens já aparecem abertas na página inicial. Para não ficar com o blog parado, eu o mantive. Mas queria o resumo, para ficar tudo bonitinho e mais organizado. Ai eu pensei " Vou tentar fazer assim, porque talvez conserte o erro e eu fico com as postagens do jeito que quero na pagina inicial". Engano meu. O erro se manteve, e eu já estou louca pesquisando em todos os blogs de tutoriais, uma solução e a explicação para fazer, e não achei. Abaixo das postagens, aparece sempre assim "Normal 0 21 false false false PT-BR X-NONE X-NONE /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabela normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin-top:0cm; mso-para-margin-right:0cm; mso-para-margin-bottom:8.0pt; mso-para-margin-left:0cm; line-height:107%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-fareast-language:EN-US;} " ANTES ERA SÓ A PRIMEIRA FRASE, E AGORA ESTÁ ASSIM. Você não poderia me dar uma dica para eu ajustar isso? :´(

    ResponderExcluir
    Respostas
    1. Olá Mayara,

      Bem provavelmente o problema está ocorrendo por algum código CSS inserido em linha no HTML. Neste caso, se faltar uma simples aspa no final do código fará com que o Blogger o interprete como texto, exibindo na Home page.

      Tente procurar por algum trecho deste código em seu modelo, via Editor HTML.

      Abraços!

      Excluir
  63. Bom dia, já repeti esse processo seguindo tudo certinho e não da erro, porem não funciana. Já cansei de recuperar o backup do modelo sem alteraçaoes e repetir todo processo, inclusive de outros sites. preciso de uma ajudinha, o que está errado...help me!

    ResponderExcluir
    Respostas
    1. Olá,

      Tente alterar a tag que você está substituindo. É possível que não funciona na segunda tag, mas funcione na terceira, ou vice-versa.

      Abraços!

      Excluir
  64. Hey,

    Muito Obrigada, fui super fácil com o seu tutorial.
    Se quiser ver como ficou, passe lá http://www.mundokreative.com.br/

    ResponderExcluir
  65. Mano voce me ajudou muito tudo de bom mano!!!

    ResponderExcluir
  66. Como faço para centralizar o texto? Tentei colocar esse código (text-align:justify;) para o texto ficar centralizado, mas não encontrei o local correto para colocá-lo.

    ResponderExcluir
  67. Oii ficou bacana aqui mas gostaria de saber como colocar o 'leia mais' como continuação do trecho

    ResponderExcluir
  68. Ficou bacana, o hack deu certo no meu blog. Obrigada, esse tutorial ajudou bastante!

    Até mais :)

    ResponderExcluir
  69. Obrigada estava procurando isso fazia dias e consegui encontrar aqui! Parabéns pelo blog, ganhou uma assinante!

    ResponderExcluir
  70. Quanto mais visito esta pagina, noto que não sei nada sobre blog, preciso melhorar muito.

    ResponderExcluir