Blogger: 4 modelos de botões para expansão de postagem (Leia mais) | Follow your dreams
Blogosfera

Blogger: 4 modelos de botões para expansão de postagem (Leia mais)

Olá!

Após um mês super corrido, consegui um tempinho pra criar esses botões pra vocês. <3
Fiz 3 frases de cada modelo “Ver tudo”, “Leia mais” e “Ver mais”, fiquei em dúvida entre as três e achei melhor que vocês escolhessem.

Blogger4modelosdebotõesparaexpansãodepostagemLeia mais

 

Para colocar siga os 4 passos:

  • 1 – No painel do Blogger clique em “MODELO”, depois em “Editar modelo”.

 

  • 2 – Clique dentro da caixa de códigos  (só um clique mesmo, caso contrário sua pesquisa não encontrará nada) e pesquise por:

<data:post.jumpText/>

 

  •  3 – Substitua-o pelo trecho do modelo escolhido abaixo.

 

MODELO 1

<img src=”https://lh5.googleusercontent.com/-XhBb1uPD9ek/UugSfnc2glI/AAAAAAAACQY/Yzz-CvA1H2s/s134/Leiamais1.png” />

 

<img src=”https://lh5.googleusercontent.com/-GQaJsTdB5lc/UugSggzqkwI/AAAAAAAACQ4/imWTxZiPGw4/s131/Vermais1.png” />

 

<img src=”https://lh6.googleusercontent.com/-9MqnOIR0Oxk/UugShoGnJXI/AAAAAAAACRo/jTJowraQf6k/s132/Vertudo1.png” />

 

 

MODELO 2

<img src=”https://lh4.googleusercontent.com/-5u9N9QR1AA8/UugSf2LwWHI/AAAAAAAACQk/AKPlGd6Zfdo/s153/Leiamais2.png” />

 

<img src=”https://lh3.googleusercontent.com/-p_9LcMWOB7Q/UugSgsWEW_I/AAAAAAAACQw/2SKcfSqTmqQ/s144/Vermais2.png” />

 

<img src=”https://lh5.googleusercontent.com/-A8b7PylhWAc/UugSh33xgjI/AAAAAAAACRU/X9ph1RAroL0/s136/Vertudo2.png” />

 

 

MODELO 3

<img src=”https://lh4.googleusercontent.com/-ICk_6ul3LKM/UugSfnC1sMI/AAAAAAAACQg/kvAYLfU6VWE/s139/Leiamais3.png” />

<img src=”https://lh5.googleusercontent.com/-Q6Psr5KMiz0/UugShMQwaqI/AAAAAAAACRA/3N2HZ5rulCc/s131/Vermais3.png” />

<img src=”https://lh6.googleusercontent.com/-OAM7hIoEUdU/UugSiL69ohI/AAAAAAAACRs/eIRUx7iHo0I/s122/Vertudo3.png” />

 

 

MODELO 4

<img src=”https://lh4.googleusercontent.com/-X-nVHHDsv48/UugSgQAqKEI/AAAAAAAACRI/j6s2trZ_hZc/s152/Leiamais4.png” />

<img src=”https://lh4.googleusercontent.com/-JqKw0yiztj0/UugShruJbUI/AAAAAAAACRQ/GNaJZ5YCViE/s134/Vermais4.png” />

<img src=”https://lh6.googleusercontent.com/-BWVr45cK040/UugSinkvSrI/AAAAAAAACRk/JV5R5wKIwN8/s137/Vertudo4.png” />

 

  • 4 – Visualize e se estiver tudo ok, salve.

Não conseguiu encontrar o trecho <data:post.jumpText/>? Pode ser que você já tenha modificado ele antes, então deve procurar pela modificação (imagem ou texto), ou pode ser que você não tenha clicado dentro da caixa de códigos antes de pesquisar.

 

Lembrando que a expansão de postagem no Blogger é OPCIONAL, ou seja, só vai aparecer se você incluir no post.

 

Espero que ajude. Qualquer dúvida deixe um comentário. :)

Um beijo!

Tags : Blogger

77 Comentários

  1. Oi Karoline, eu consegui achar o lugar, só que quando eu copio o modelo e retiro o “” e salvo falar que “Erro AO XML analisar, Linha 1543, Coluna 95: Citação Open é esperado para o atributo “src” associada a um tipo de elemento “img”.”. Porque acontece isso acontece, é o tipo de modelo do blogger que não pegar?. Beijos, esperando bela resposta.

    1. Não conseguiu encontrar o trecho < data:post.jumpText/ >? Pode ser que você já tenha modificado ele antes, então deve procurar pela modificação (imagem ou texto), ou pode ser que você não tenha clicado dentro da caixa de códigos antes de pesquisar.
      Bjs

  2. nao consigo..vou direitinho e ao substituir dá esse erro: Erro ao analisar XML, linha 1636, coluna 96: Open quote is expected for attribute “src” associated with an element type “img”

    mas colei exatamente como vc disse, ficando assim:

    e dai aparece o erro que eu disse e nao vai =/

  3. Comigo aconteceu o mesmo erro acima, troquei as apas e mesmo assim quando eu coloco a opção pra inserir expansão da postagem e visualizo, não aparece nada no post. :/

    1. Eu brisei legal também né. Estava visualizando a postagem ao invés de ir para a página principal pra ver se funcionou kkk. Deu certo sim. Muitíiiissimo obrigada pelo tutorial. Foi de grande utilidade *–*.

      Beeijos

  4. Voltei a usar o meu blog e o “leia mais” não está aparecendo mais (Era de outro blog de ajuda), daí eu quero modificar para o seu aqui (muito lindo, parabéns), e não tô conseguindo pq não to achando o código e nem sei como procura a modificação. Me ajuda T_T

    1. Oi Sali, poxa, que chato ein :(
      Você tem que revisar o html do seu template e procurar o que você tinha incluído do outro tutorial que não deu certo. O código para essa expansão de postagem é o “jumplink”, talvez te ajude a encontrar se pesquisar por essa palavra..
      Bjs

  5. Oi Karoline ^^

    Tem algum modo de deixar os posts da página inicial sem a “expansão de postagem”, mas deixá-los com essa “expansão de postagem” apenas quando acessados por meio de um tag?

    1. Olá, tudo bom? :)
      No Blogger não sei, acredito que não.. No WordPress tem, inclusive é assim que organizo os posts aqui do blog, uso WP.
      Bjs

  6. eu simplesmente não acho o trecho não aparece la onde vc ta dizendo. eu sei, vc diz que se não aparecer la tem que vê ”Pode ser que você já tenha modificado ele antes, então deve procurar pela modificação (imagem ou texto), ou pode ser que você não tenha clicado dentro da caixa de códigos antes de pesquisar.” mas como posso ter modificado ele se nunca botei nenhum? O.o

  7. Olá, tudo bem? Adorei o tutorial, e foi super útil. Mas será que você poderia me dizer como mover o “leia mais” de lugar? Ele ficou ótimo na postagem, mas não gostei muito da posição em que ele está. Será que pode me ajudar? Obrigada. Beijos. ♥

  8. Oie, segui exatamente o tutorial, só que na postagem não aparece a imagem e sim o link.
    COMO FAÇO PARA APAGAR TUDO?
    Obrigada!

    1. Oi Isadora, como assim? Desfazer o tutorial? É só reverter os códigos que você havia colado pelos que mostrei no início do tutorial.
      Bjs

  9. Muito obrigada pela ajuda, finalmente consegui fazer a mudança do botão, mas gostaria de saber se você pode fazer o modelo 1 ou o 2 de “Leia Mais” em verde ou azul claro para mim. :) Desde já muito obrigada de novo pela ajuda.

    1. Oi Monique, você usou a expansão de postagem no seu post? Esse tutorial é para PERSONALIZAR a expansão de postagem do Blogger, não para colocar uma expansão automática.

  10. Karoline, deu certo só que a imagem aparece enorme! você sabe dizer qual código pode ter deixado a imagem desse tamanho?

  11. Oi adoro os posts q você faz, sou uma blogueira iniciante e sempre tenho uma dúvida venho procurar aqui pq é o lugar mais completo. Vou fazer um tutorial no meu canal e vou deixar o seu link lá
    Bjs <3

  12. Hey Karol! Obrigada pela resposta, mas eu já consegui!! Eu amei o resultado! Gostaria de saber se eu posso pegar alguns códigos seus para liberar tutoriais no meu blog!

  13. Oi Karol! Desculpa incomodar, mas tô com uma dúvida muito grande, li todos os comentários mas não encontrei ninguém que tenha acontecido a mesma coisa :/
    Enfim, eu fiz do jeitinho que você mandou e a imagem apareceu, só que com as dimensões erradas! Ela como se fosse ampliada. Já tentei usar width e height pra definir as dimensões certas, mas mesmo assim não funciona! Tem como concertar?

    Agradeço desde já sua resposta. Beijos!

  14. Comecei a pouco tempo, e ja mudei o template, fiz o download que você disponibilizou no blog, o “Nas Nuvens”, o pouco que fiz no blog foi vendo aqui haha… Tem como diminuir o tamanho do botão “Leia Mais”?
    Eu consegui coloca-lo, porém achei grande…

  15. Karol, recentemente eu alterei meu layout, e eu não sei o que aconteceu e as fontes de onde edito os códigos e na hora de comentar aqui também, você sabe porque?

  16. Amei! Me ajudou muuuuito!!!
    Percebi que algumas pessoas conseguem alterar, mas não aparece no blog.
    Basta clicar no ícone “Inserir expansão de postagem” na edição de cada postagem que for publicada no Blogger.
    Obrigada Karoline!
    Beijinhos da Jacky.

Deixe uma resposta