sexta-feira, 3 de fevereiro de 2012

Como inserir a opção "Leia mais" (jump break) nas postagens do blogger

Olá pessoALL, tudo bem com vocês?

Meu post de hoje é sobre a inserção do Jump Break em blogs do Blogger, mais conhecido como "Leia mais" se traduzirmos para a língua portuguesa. Essa opção é muito interessante, pois diminui bastante o espaço ocupado pela página inicial do blog, além de deixá-lo mais organizado também. Infelizmente alguns escritores virtuais ainda não usam esse ótimo recurso, o que recomendo que comecem a usar sem moderação. :)

Primeiramente, acessamos a área de postagem do blog.

Painel antigo:

painel Blogger antigo 01

Painel novo:

leia mais Blogger novo 01

Após acessarmos o painel, já na área de postagem, basta clicarmos no botão com uma folha dividida ao meio (item 1) e será mostrada a linha que dividirá nosso texto (item 2).

Painel antigo:

leia mais Blogger antigo 02

Painel novo:
leia mais Blogger novo 02

Agora, no local indicado pela linha será mostrado o texto (leia mais) na área de postagem. Isso ajuda a diminuir bastante o tamanho da página inicial do blog. Espero que este post seja útil para vocês.

$orte e $ucesso,


Claudio R E Boaventura

15 comentários:

  1. Oi, querido! Olha, muito bom esse post, vou ver se agora consigo fazer isso, porque tinha tentado mas não estava dando certo. Valeu! Abração.

    ResponderExcluir
  2. @PIMENTA E POESIA (Maria Tereza)

    Obrigado Maria. Se tiver dúvidas para colocar o "Leia mais" no seu blog é só pedir ajuda.
    Um abraço!!!

    ResponderExcluir
  3. Oi Cláudio, já tentei de diversas maneiras e o jump break não funciona no meu blog, sabe como eu poderia ajeitar isso?

    Obrigada!

    ResponderExcluir
    Respostas
    1. @Mariana Pitanga,

      Seja bem vinda ao blog, fique a vontade pra voltar sempre que quiser. Só para tirar uma dúvida, você está usando modelos do próprio Blogger ou modelos personalizados? Se puder me passar o endereço do seu blog para eu dar uma olhada seria de muita ajuda.
      Você pode colocar o jumpbreak tanto no modo normal quanto na opção de editar o código HTML. Aguardo resposta para tentarmos uma solução pra você. Abraços!

      Excluir
    2. Oi seu blog é muito legal, vi esse comentário e é o que está acontecendo comigo, nada acontece quando coloco esse icone jumpbreak, uso fundo personalizado, meu endereço é http://photosmaiss.blogspot.com.br/

      Excluir
    3. @Leticia,

      Seja bem vinda ao blog. Acessei o seu blog pelo endereço que você deixou. O "Leia mais" apareceu normalmente nos posts (isto usando os navegadores Internet Explorer 8 e 9, Firefox 13.0 e Chrome 18.0) inclusive no post com as capas para Facebook tem vários deles aparecendo.

      Caso você tenha o mínimo de conhecimento, pode mudar o modo de escrita para HTML e alterar diretamente no código HTML do post. Para inserir ou apagar os "Leia mais", basta posicionar logo abaixo do texto que deseja "dividir" e inserir ou apagar o código:

      \!--"more"--/ (substitua \ por < e / por >, pois foi preciso colocar dessa forma para o Blogger não interpretar como código)

      Esqueci de perguntar se você já está usando a nova versão do painel do Blogger ou a versão antiga, mas de qualquer forma a opção citada anteriormente vale para ambos.

      Qualquer dúvida, vamos tentando de novo.

      Abs, e boa sorte!


      Claudio

      Excluir
  4. Oi, Claudio!Sinto-me a vontade de chama-lo pelo nome de tanto que já passei por teu blog. O qual me ajudou muito.
    Estou com o mesmo problema da Mariana Pitanga, já não sei mais onde estou errando. De repente é algo tão simples. Podes me ajudar? Ficarei extremamente agradecida.

    Atenciosamente

    Margareth Krenzinger
    email: margareth@marinespaurbano.com.br

    ResponderExcluir
    Respostas
    1. @Margareth, seja bem vinda!

      Antes de tentar de ajudar preciso saber se você está usando o painel antigo ou o novo do Blogger.

      Existem pequenas diferenças, nada demais, mas pode confundir um pouco. Aguardo seu retorno.

      Abraço!

      Excluir
  5. Como faço pra aumentar o tamanho do mais informações???

    ResponderExcluir
  6. Gostaria que você me explicasse por favor como mudar a cor e aumentar o tamanho do "Mais Informaçães""Leia mais""Continue Lendo" SEM EDITAR O HTML por favor preciso muito saber disso aguardo respostas e obrigado!

    ResponderExcluir
    Respostas
    1. Caro Igor Royce, salve!

      Infelizmente só é possível mudar a aparência do texto fazendo alterações no template do seu blog (mudando código HTML), se foi bem isso que eu entendi que você quer fazer.

      $orte e $ucesso,


      Claudio R E Boaventura

      Excluir
  7. Primeiramente, gostaria que se identificasse quando for fazer comentários, OK?

    Esses temas prontos costumam apresentar muitos problemas, normalmente erros de programação no código-fonte do tema. Recomendo que você entre em contato com o autor do tema, já que ele poderá te ajudar muito melhor do que eu posso.

    $orte e $ucesso,


    Claudio R E Boaventura

    ResponderExcluir
  8. Caro Donato, salve!

    Que eu saiba, não existe esta opção que você quer (tem que fazer manualmente mesmo). De qualquer maneira, se descobrir algo a respeito eu posto aqui novamente.

    $orte e $ucesso,


    Claudio R E Boaventura

    ResponderExcluir
  9. Nossa cara muito obg eu tava com muitos poblemas mas só aqui eu resolvi isso :) obg obg obg!

    ResponderExcluir
    Respostas
    1. Caro Erionaldo, salve!

      Fico feliz que meu post tenha ajudado. Fique à vontade para retornar ao blog sempre que quiser, e dê uma olhadinha nos outros posts, pois talvez tenha algo que possa ser útil :-]

      $orte e $ucesso,


      Claudio R E Boaventura

      Excluir

Atenção: leia atentamente as regras antes de postar

Todos os comentários "anônimos" serão excluídos, portanto utilize as outras opções para comentar.

- Todos os comentários são moderados. Não é permitido o uso de palavrões, conteúdo ofensivo, pornográfico, preconceituoso, racista ou que fuja do assuntos das postagens;
- Só respondo aos comentários feitos aqui no blog. Dúvidas ou perguntas enviadas por e-mail não serão respondidas;
- Os comentários serão respondidos conforme a disponibilidade de tempo, entenda que tento ajudar todos gratuitamente, além disso tenho outras obrigações e não sou obrigado a atender ninguém prontamente, talvez demore algum tempo para eu responder;
- Links apontando para outros sites, sem a prévia solicitação, serão excluídos. Comentários com erros grosseiros de português não serão aceitos;
- O autor se reserva ao direito de rejeitar comentários que contrariem sua honestidade, integridade ou moral;
- É proibida a cópia integral do conteúdo deste blog sem a expressa autorização do autor. É permitido o uso do conteúdo para elaboração de novos artigos, desde que sejam mencionados a fonte e o link para o post original;
- Alguma dúvida? Fique a vontade para perguntar, pois o conteúdo aqui é feito por vocês e para vocês.

Obrigado pela visita!!!