sábado, 3 de outubro de 2009

Como usar o recurso Jump Break do Blogger

Resumo de uma postagem

Com o 10º aniversário do Blogger, foram adicionados novos recursos para o serviço, incluindo um chamado “Jump Break”. Ele serve para encurtar uma postagem, para exibição na página inicial de um blog, e colocar um link do tipo “Leia mais”. Este recurso tem uma vantagem sobre o método antigo comum de encurtar as postagens: ele não só não exibe o restante das postagens, como também não o carrega na página. O método antigo escondia, mas ainda carregava as postagens por inteiro, sendo isso um problema para postagens muito grandes e/ou com muitas imagens.

O funcionamento é bastante simples. Basta adicionar, enquanto estiver no modo de edição HTML, o comentário especial “more”, onde você quer marcar o fim da introdução. Exemplo:

Aqui vai a introdução da postagem.

<!-- more -->

Aqui vai o resto da postagem.

Método alternativo

Alternativamente, quando estiver no modo de edição “Rich Text”, você pode clicar no botão da folhinha rasgada “Inserir jump break”.

Editor “Rich Text” do Blogger

Texto personalizado

Há também a opção de personalizar o texto exibido após a introdução. O padrão é “Mais informações »”. Para escolher outro texto, vá para a área “Design”, clique em “Editar”, na área “Postagens no blog” e, edite o texto, indicado por “Texto do link da página de postagem:”. Você pode escolher textos como “Leia mais”, “Ler mais” ou “Ver tudo”, por exemplo.

Texto personalizado

Se código do seu blog foi altamente modificado, é possível que esse recurso não funcione. Para consertar, siga as instruções da Ajuda do Blogger.

Link personalizado

O link criado automaticamente leva o leitor para a seção “more”, também criada automaticamente. Se quiser que o link leve para o início da postagem, vá para o editor de HTML do Blogger, marque a caixa de seleção “Expandir modelos de widgets”, e procure pela seguinte linha de código:

<b:if cond='data:post.hasJumpLink'>
  <div class='jump-link'>
    <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
  </div>
</b:if>

E substitua pelo seguinte código:

<b:if cond='data:post.hasJumpLink'>
  <div class='jump-link'>
    <a expr:href='data:post.url'><data:post.jumpText/></a>
  </div>
</b:if>

Pronto! Os links levarão para o ínicio das postagens.

Postagens relacionadas

13 comentários:

Corpo e Mente disse...

Nossa amigo fico gratissima pela ajuda,estava querendo saber o que era esse novo hack.
E te encontrei no blog do Sergio do IceBreaker e segui,você pelo seu comentario!
Agora uma pergunta amigo!
Qual codigo tu usa para deixar a sidebar estatica,e mudando apenas a pagina que tu clicar?
Pois geralmente tudo do blog some e reaparece,quando a gente clica.
E em teu blog simplesmente comente muda a pagina actual.
E a sidebar nem se mexe?
Obrigada!
Eu volto aqui!

Ricardo Veloso disse...

É porque eu mudei a ordem das divisões (antes era: main - sidebar; agora é: sidebar - main). Como o conteúdo da sidebar, com exceção dos anúncios, é sempre o mesmo, e é "declarado" antes da divisão main, a sidebar carrega primeiro e rapidamente, parecendo que apenas a divisão main muda.

Antes da mudança, só depois da divisão main ser carregada, a sidebar era carregada e, como a divisão main costuma ter muita coisa, o site fica praticamente vazio, apenas com o header aparecendo, antes do site ser totalmente carregado.

Corpo e Mente disse...

Nossa!Belezaaa!
Tenho um problema serio desde a semana passada,estou tentando implantar um template chamado Schamermag ...
E no site de auxilio o design simplesmente não responde mais sobre o mesmo,que na verdade é um template para worldexpress ,adapatado para blogg.
Você nem imagina o trabalho que isso esta me dando.
Ai troquei o template para o Lyfestylle e me ferrei de novo.
huahuahua!
Se vc souber algo sobre eles me de um toque!
Vou linkar tu em um dos meus blogs de autoajuda 1 mes.
www.vivasualoucura.com
Abraços!

Ricardo Veloso disse...

Não sei o que pode ser. Tente reinstalar o template. Obrigado.

Allan Fixnet Uster disse...

Realmente era o template e eu segui seu conselho e deu certo!
Termino hoje de instalar pois hoje meu blog esta de aniverssarioooo!!!
www.opoderdamente.com

Ricardo Veloso disse...

Que bom; meus parabéns!

J Roberto du Vale - Adm. disse...

Muito boa a dica, gostei muito me ajudou muito...

www.blogduvale.blogspot.com

Ricardo Veloso disse...

Obrigado! Fico feliz em ter ajudado.

Os Estrategistas disse...

Agradeço pelo post foi de muita ajuda! Foi onde eu encontrei as informações que precisava de forma mais simples e de fácil entendimento.
Obrigada!
Ana,
osestrategistasfjn.blogspot.com

Ricardo Veloso disse...

De nada!

Ítalo disse...

Gostei do post.
Amigo, implementei uma alternativa para comentários em blogger, dá uma olhada:
DISQUS.COM
Ah, e não é propaganda.

Ricardo Veloso disse...

Interessante... Gostei! Talvez eu use em meu blog...

Gabi Rodrigues disse...

Olá, como faço para deixa os títulos dos meus Gadgets como links... por exemplo... o nome é "meus filmes " só que eu queria que quando clicassem no nome é que aparecessem os títulos, mas aparece tudo na pagina um abaixo do outro.

Postar um comentário