Assine Nosso Feed!

Receba Nossas Atualizações em Seu E-mail:

  • Receba Todos os Nossos Artigos Automaticamente em Seu E-mail
  • Tenha a Exclusividade de Receber Boletins do Nosso Blog
  • Inscrever-se no feed do Nosso Blog é Fácil, Rápido e Seguro
  • Ajude a fazer Nosso Blog Crescer!!!


  • Jump Break, hack "Continue Lendo" padrão do Blogger

    Estou fazendo esse post para ensinar a vocês como colocar aquele hack de postagem que nós chamamos de "Leia Mais", mas pode ter o nome que quiser, antigamente os blogueiros utilizavam esse recurço por códigos html, era bem mais complicado, pois você tinha que mecher no cógido html do post, mas felizmente o Blogger recentimente lançou um novo recurço que torna possível o uso desse hack sem instalar nem um código bom eu vou ensinar nesse post a como usar ele e também vou ensinar a faze-lo funcionar caso você não use um modelo de template padrão do blogger, pois se você usa um modelo de template padrão do blogger o recurço funcionará perfeitamente, mas no caso de muitas pessoas que usam um modelo personalizado ele deve instalar no HTML do blog um pequeno código, mas você deve estar pensando que precisará colocar esse código toda ves que fizer uma postagem, mas não, se você usa um template personalizado você vai colocar esse código somente uma vez no HTML do blog, não no da postagem. Bem então chega de papo furado e vamos um trabalho.
    Bom primeiro eu você ensinar a usar para quem usa um template padrão do Blogger. Antes de poder usar você deve estar usando o Editor de postagens Atualizado, e para você saver se está atualisado ou não você deve ir em Configurações no painel do seu blog e depois role a página até você encontrar Configurações globais, lá se estiver marcado a caixa Editor atualizado, marque-a, como mostra a imagem abaixo:
    E depois quique em SALVAR CONFIGURAÇÕES, mas se já estiver marcado essa caixa dexe-a como está e vá em nova postagem, ou em alguma postagem que você queira editar. No editor de postagem perceba que existe um botão na forma de uma folha rasgada, quique nele quando o curçor do texto estiver no local em que você queira que apareça o link "Continue Lendo", como mostra a imagem abaixo:
    Vermelho: Botão que você deve clicar para aparecer a linha postilhada
    Azul: Linha pontilhada que aparecerá após você clicar no botão
    Depois de escrito toda a postagem basta clicar em PUBLICAR POSTAGEM.
    Bom para você que usa o tempalte personalizado é bem simples basta você estrar em EDITAR HTML do blog lá no painel design e clique em expandir modelos de widgets, depois deisso adicione o seguinte código abaixo de <data:post.body/> (para tornar a licalização mais fácil ultilize es teclas Ctrl + F)
    <b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
    </div>
    </b:if >
    Depois de adicionado o código clique em SALVAR ALTERAÇÕES, dai para usar basta seguir os memos procedimentos que se é usado para quem usa um template padrão do Blogger.

    Caso queira modificar o nome que aparecerá, entre em Design e nos seu elementos de página clique em editar no gadget das postagens, como mostrado abaixo:
    Na janela em que se abrir, na caixa "Texto do link da página de postagem:" Modifique pelo nome desejado, de acordo com a imagem abaixo:
    No local indicado modifique pelo nome desejado.

    6 comentários:

    Tôatoa disse... [Responder]

    Poste tbém como por os "artigos relacionados"

    Valeu abraço

    Edilson Moreira disse... [Responder]

    Já existe um post aqui no blog sobre isso, de uma olhada: http://www.infoblogger.com.br/2010/07/como-colocar-o-gadget-de-posts.html

    Marcos disse... [Responder]

    eu queria saber se tem como usar uma imagem no local do texto, valeu!

    Edilson Moreira disse... [Responder]

    Tem sim, e em breve vamos ter um post aqui no blog ensinando a fazer isso.

    LucasAlex disse... [Responder]

    Muito bom!
    Mas eu tive um problema, usando isso com o LikWithin o "posts relacionados" fica fora, e não dentro do "leia mais".
    Não sei se deu pra entender... mas vcs sabem como mudar isso?
    Obrigado!

    PAULO disse... [Responder]

    Valeu pela dica. Abração!

    Postar um comentário

    Regras para comentar:
    1. Não será publicado comentários escritos inteiramente em caixa alta.
    2. Não será publicado comentários que possuam palavras de baixo calão, como xingamentos, que possam ofendeder ou magoar pessoas que venham a ler este comentário.
    3. Não será publicado comentários que possuam links de sites que possuam conteúdos copiados de outros sites ou que seja um site de downalods ilegais.
    4. Só será publicado comentários que seja sobre o contúdo do post, caso contrário mesmo que siga todas as regras a cima ele não será publicado.

    Tecnologia do Blogger.

    Posts Recentes