Como remover o "Continue Lendo" de temas do ThemeXpose

25/08/2016

Oi gente! Hoje venho mais uma vez tratar de Templates & HTML, mas dessa vez pra fazer um tutorial bem útil e básico. Muita gente usa os templates do ThemeXpose e não gosta da opção "Continue Lendo" que já vem inserida nos temas. Pra quem não sabe o que é, na página inicial os posts não aparecem por completo, mas com um limite de caracteres exibidos e um botão "Continue Reading", que leva o usuário até o link do post pra vê-lo inteiro.



Muitas pessoas até deixam de usar os tais temas por conta disso, mas ainda há como alterar essa situação, até de um jeito bem fácil. Eu aprendi como no blog Inferno ou Glória e vou passar pra vocês. Já adianto que não funciona em todos os temas, porque já testei em um mais complexo que não funcionou e também não testei em todos. Alguns temas que eu testei e funcionou foram os Rosemary e Voux.

Vamos lá!

Primeira vá no Editor HTML do seu blog (Modelo > Editar HTML).

Aperte Ctrl + F para que uma barra de pesquisa seja acionada.


Digite "summary&quot na caixa e aperte Enter.

Aparecerá o seguinte código:


Apague todo o código destacado em vermelho:

<div expr:id='&quot;summary&quot; + data:post.id' style='display:none;'>
<data:post.body/>
</div>

Seu código deverá ficar da seguinte forma:


Feito isso é só salvar e observar como ficou o seu template!

Dica Extra

É bem provável que apagando o Continue Lendo a exibição das imagens na página inicial fique comprometida e elas apareçam incompletas, principalmente na versão para celular. Para corrigir isso, copie o seguinte código:

max-width:100%;
height:auto;

E o cole dentro da especificação para o item img. É logo no início do CSS, como mostra a imagem:


Qualquer dúvida é só comentar. :)

comentário(s) pelo facebook:

41 comentários

  1. Esse post com certeza vai ajudar muita gente, Juliana. Arrasou.
    Eu tinha dúvida para colocar esse botão, mas consegui, hehe.
    Seu blog é lindo.
    Bjsssss

    www.3dimensoes.com

    ResponderExcluir
    Respostas
    1. Muito obrigada! Tem gente que gosta e tem gente que não gosta do "Continue Lendo" haha.
      Beijos

      Excluir
  2. É bem dificil de configurar esses layout,apesar de serem lindos.Adorei seu tutorial <3

    ResponderExcluir
  3. Que lindo e florido o seu blog, adorando conhecer.
    Muito bom o tutorial.

    Preserve Suas Raízes | Fã Page

    ResponderExcluir
  4. Ai meu Deusss, você não sabe o quanto que me ajudou, muuuuito obrigadaa!

    Beijão,
    Flores no Luar

    ResponderExcluir
    Respostas
    1. Eu imagino!
      Fico feliz em ajudar, qualquer coisa é só entrar em contato <3
      Beijos

      Excluir
    2. Eu me animei (um pouco) demaiss, hahah. No template que eu estou testando (Elegance) ficou o post completo sim, mas ao apagar a parte, ele não aparece mais os títulos das postagens. Se você souber ajudar, eu ficaria muuuuito grata, mas se não souber, tudo bem, eu testo em outro (:

      Excluir
    3. Quando isso acontecia comigo era porque eu apaguei TODO o trecho. Mas olha bem o código que eu destaquei e apaga só a parte que está em VERMELHO. Desse jeito o título e a data não são excluídos. :)
      Beijos! <3

      Excluir
    4. Infelizmente, não foi isso. Ele continuou do mesmo jeito. Acho que vou desistir mesmo desse template (vai ser muito difícil, porque me apaixonei por ele). Mas mesmo assim, obrigada ♥

      Excluir
    5. Enfim, eu tentei em outro, e DEU CERTOOOO! MUITO OBRIGADA!

      Excluir
    6. Eu tinha observado que nos templates mais complexos realmente não funciona, porque eles tem vários scripts diferentes. Mas nos templates que eu citei acima e nos que seguem codificação parecida funciona! Que bom que você conseguiu! :D
      Beijos <3

      Excluir
  5. O meu tema é o Rosemary e não deu certo :(

    ResponderExcluir
    Respostas
    1. O meu tema atual é o Rosemary e está sem o "continue lendo" com os passos desse tutorial. Verifique se você apagou as partes certas, só apague o que está destacado em vermelho, e não o código todo :)
      Beijos

      Excluir
  6. Deu super certo, Juh! <3 Só que eu queria colocar outro continue lendo e não to sabendo como, alguma chance de sair um post sobre isso? Beijão

    Quero ser Miranda

    ResponderExcluir
    Respostas
    1. Que bom que ajudou, Rayanne!
      Como assim colocar outro continue lendo? Mudar o estilo que aparece?
      Beijos e muito obrigada por comentar <3

      Excluir
    2. Só queria mudar o Continue reading para leia mais, sabe?
      Vou agradecer demaisssss se souber me ajudar hahah Beijo

      Excluir
    3. Tenta digitar CTRL+F e no campo de busca que aparecer digita "continue reading"... Se aparecer o texto, é só apagar e escrever "Leia Mais". Se não aparecer, é porque o seu template usa scripts que só o autor do template original pode editar!
      Beijos

      Excluir
  7. Eu queria remover esse leia mais automatico e usar apenas algumas vezes em posts grandes. Mas percebi que depois que tirei este código, a propria quebra do blogger não funciona mais em nenhuma parte quando eu mesma quero fazer a quebra. Sabe o que posso alterar para conseguir usar esse "leia" mais apenas quando eu quiser?

    ResponderExcluir
    Respostas
    1. Você teria que pedir pro pessoal do ThemeXpose fazer essa configuração :/ Porque como os templates lá são programados pra ter o Leia Mais em todos os posts, depois que apaga o código não vai funcionar mais. Aí a pessoa que criou o template teria que fazer a adaptação do 0.

      Excluir
  8. Ju, ótimo tutorial, super funcionou aqui <3 Porém estou com um problema, fiz certinho também o que tu falou sobre o tamanho das imagens, mas elas não ficaram padronizadas. Tipo assim, as imagens grandes, maiores que a área de postagem, foram reduzidas para a largura da área de postagem (que era o que eu queria). Mas as pequenas não aumentaram de tamanho para ficar da largura da área de postagem, elas ficaram menores. Sabe se tem como arrumar isso? =) No meu lay anterior todas ficavam com a mesma largura, eu colocava por exemplo max-width: 640 px e elas ficavam certinhas, mas não funcionou nesse caso..

    ResponderExcluir
    Respostas
    1. Oi Mari!
      Esse é um problema comum nos temes do ThemeXpose porque a codificação das imagens na página inicial é uma, geralmente com a largura da área da postagem, e na dos posts é outra, daí quando você apaga o continue lendo fica uma configuração só e geralmente mais comprometida.

      Você tentou editar pela Dica Extra?

      Eu sempre inspeciono o código da imagem na página inicial (Com o continue lendo) e pego o código e depois abro um link de um post e inspeciono o código de uma imagem desse post. Depois lá no HTML eu vou no código referente às imagens do post e colo o código que eu copiei no início. Deu pra entender? rs

      Espero poder ajudar, beijo.

      Excluir
  9. Juh, acabei de conseguir, ahahha que feliz! Muito obrigada por essa dica, sério ajudou muito!

    ResponderExcluir
  10. Olá Ju, esse post é de uma utilidade! Eu na verdade queria colocar o Continue Reading em português, mas não consigo alterar :(

    ResponderExcluir
    Respostas
    1. Oi Isa!
      Você pode ir no seu Editor HTML, e na caixinha do HTML teclar CTRL + F, que vai surgir uma caixa de pesquisa no canto direito da caixinha do HTML. Aí você digita "Continue Reading". Você vai achar o texto dessa mensagem, aí é só substituir pelo texto em português.
      Se não aparecer nenhum resultado é porque o código do seu template está "escondido" por scritps, daí só o criador do template pode mexer :/
      Espero poder ter ajudado, beijão

      Excluir
    2. Então eu já fiz isso várias vezes e nunca encontrei, de fato está "escondido". Obrigada! Beijos,

      Excluir
  11. Cara, me ajudou muitoooooo. Obrigada!

    http://www.viveresemaquiar.com

    ResponderExcluir
  12. MUITO OBRIGADA AAAA ♥
    https://clikvenus.blogspot.com.br/

    ResponderExcluir
  13. Mana obrigada por esse post maravilhoso, eu estava atras de um tutorial assim. ♥


    www.meninadofuturo.com.br

    ResponderExcluir
  14. Sabe como faço para alterar o nome "continue reading" para apenas continue lendo?

    ResponderExcluir
    Respostas
    1. vai em "tema" e clica em "editar html", depois você clica em "ctrl" e ainda segurando a tecla em "F". vai aparecer uma barrinha de pesquisa, você pesquisa por "continue reading" e clica em enter, você vai achar a parte do código onde modifica, aí é só alterar pra português. caso não encontre, é porque o código está escondido e só o criador dele consegue altera-lo

      Excluir
  15. Infelizmente quando se pesquisa "continue reading" não aparece nada ou qualquer imagem que esteja relacionada ao botão :( tentei de tudo, mas infelizmente não está dando não.

    ResponderExcluir
    Respostas
    1. Provavelmente é um código protegido por script, tem que entrar em contato com o autor do template pra solicitar essa customização.

      Excluir
  16. Muito legal saber disso, comprei um tema deles e tem isso, nunca curti mas por enquanto estou deixando, ai quando quiser tirar o seu tutorial já está aqui salvo.
    Bem, como você parece conhecer um pouquinho sobre os temas deles será que pode me ajudar?
    Quero personalizar o Rodapé do Blogger e o tema é deles e como deve imaginar o código é diferente, então todo tutorial que vejo sobre dividir o footer do blog em 3 não tem os mesmo códigos.Ai fica dificil mesmo e não estou sabendo o que fazer.
    Pode me ajudar?
    Desde já, agradeço muito.

    ResponderExcluir