Como usar a funcionalidade "Continuar a ler..."
Há muito tempo que a funcionalidade de posts expansíveis estava na lista de pedidos dos blogspotters. Algo que os wordpressers, por exemplo, já tinham à disposição faz uma eternidade. Com, conversa à parte, a mesma funcionalidade também agora está disponível no Blogspot. Passo a descrever como a tornar disponível.
1. O que é
A funcionalidade de posts expansíveis permite mostrar parte do texto, ficando o restante disponível clicando num link, como se mostra a seguir:
Parte do texto está escondida, ficando visível ao clicar no link "Continuar a ler". Desta forma textos longos não retiram visibilidade aos textos mais antigos. Em contrapartida, há quem não aprecie ter de clicar num link para continua a ler...
2. Como tornar a funcionalidade disponível
Quem usar uma das templates standard do Blogger não precisará de passos adicionais para usar esta funcionalidade. Quem tiver templates personalizadas, mesmo que o ponto de partida tenha sido uma template do blogger, precisará de adicionar uma coisita à sua template.
a) fazer uma cópia de segurança da template (ver as instruções neste link). Este passo é fundamental para voltar a trás caso algo corra mal.
b) activar o novo editor.
c) continuando na mesma página onde se fez a cópia de segurança, seleccionar a opção "Expandir modelos do widget".
d) procurar no código da template o texto
e, imediatamente por baixo inserir uma linha e colar o texto seguite:
e) guardar a template e está feito.
3. Como usar
Tendo o cursor na linha onde se quer inserir a quebra, clicar no ícone destacado na imagem seguinte:
O resultado é aparecer a divisória que se mostra a seguir:
Esta divisória pode ser arrastada para outras posições, mudando assim o local de quebra do texto. Em modo de edição de HTML, a divisória tem o seguinte aspecto:
4. Como mudar o texto do link "Continuar a ler..."
Este texto, ou outro similar, pode ser alterado indo à página de esquema da tempate:
depois, clicar no Editar das mensagens do blog:
e finalmente modificar o texto pretendido
Gravar as alterações.
5. Para quem não gosta de obrigar a abrir uma nova página
Pode ser aborrecido - eu acho que é - ter que clicar num link para continuar a ler. É um caso de pesar as desvantagens (clicar no link) com as vantagens (melhor visibilidade dos posts). Aqui no Fliscorno, já antes usava uma alternativa própria que permite esta mesma funcionalidade e sem ter que abrir uma nova página. Isso é feito com javascritpt, que mostra e esconde o texto, sem necessidade de mudar de página. Como exemplo, ver este post. Numa próxima ocasião descreverei a funcionalidade para quem a quiser usar.
1. O que é
A funcionalidade de posts expansíveis permite mostrar parte do texto, ficando o restante disponível clicando num link, como se mostra a seguir:
2. Como tornar a funcionalidade disponível
Quem usar uma das templates standard do Blogger não precisará de passos adicionais para usar esta funcionalidade. Quem tiver templates personalizadas, mesmo que o ponto de partida tenha sido uma template do blogger, precisará de adicionar uma coisita à sua template.
a) fazer uma cópia de segurança da template (ver as instruções neste link). Este passo é fundamental para voltar a trás caso algo corra mal.
b) activar o novo editor.
c) continuando na mesma página onde se fez a cópia de segurança, seleccionar a opção "Expandir modelos do widget".
d) procurar no código da template o texto
<data:post.body/>e, imediatamente por baixo inserir uma linha e colar o texto seguite:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >e) guardar a template e está feito.
3. Como usar
Tendo o cursor na linha onde se quer inserir a quebra, clicar no ícone destacado na imagem seguinte:
O resultado é aparecer a divisória que se mostra a seguir:
Esta divisória pode ser arrastada para outras posições, mudando assim o local de quebra do texto. Em modo de edição de HTML, a divisória tem o seguinte aspecto:
4. Como mudar o texto do link "Continuar a ler..."
Este texto, ou outro similar, pode ser alterado indo à página de esquema da tempate:
depois, clicar no Editar das mensagens do blog:
5. Para quem não gosta de obrigar a abrir uma nova página
Pode ser aborrecido - eu acho que é - ter que clicar num link para continuar a ler. É um caso de pesar as desvantagens (clicar no link) com as vantagens (melhor visibilidade dos posts). Aqui no Fliscorno, já antes usava uma alternativa própria que permite esta mesma funcionalidade e sem ter que abrir uma nova página. Isso é feito com javascritpt, que mostra e esconde o texto, sem necessidade de mudar de página. Como exemplo, ver este post. Numa próxima ocasião descreverei a funcionalidade para quem a quiser usar.
Prossegui a abordagem deste problema no Sorumbático (crónica "Catarse").
Abç
CMR
Não esqueça que é preciso mudar para o novo editor (vide ponto 2.b).
Boas
tenho uma dúvida e não sei se me podes ajudar a resolve-la. É o seguinte, eu costumo usar essa funcionalidade para dividir os posts, tenho usado o draft.blogger para isso visto já ter o botão para inserir esse comando.
Mas o meu problema é que não consigo inserir videos ou musicas antes do , sempre que o faço e publico o post não aparecem na primeira parte do post, só aparecem quando se clica no Ler mais.
Será que não há maneira de dar a volta a isto? Já tentei inserir esse código que dás neste post no html do template, mas continua tudo na mesma, aliás em vez de aparecer um "ler mais", aparece dois "ler mais" (no meu caso é "ler mais e fazer download")um em cima do outro, enfim.
Desde já agradeço pela ajuda
abraço
Olá Fly
Estive a ver o teu problema. Pelo que percebo, estás a usar uma template standard do Blogger, certo? Creio que será uma daquelas novas templates que podes personalizar no blogger.com e que terás usado a "Awesome Inc.".
Em primeiro lugar, fiz uma experiência com uma das templates antigas e a funcionalidade como descrita neste post funciona. Podes ver o resultado aqui:
http://canto-de-testes.blogspot.com/
Portanto, quando adicionaste esta dica que aqui apresento, ela passou a funcionar mas... a template "Awesome Inc." já incluía de raiz esta funcionalidade. Daí a duplicação.
Depois experimentei carregar a "Awesome Inc." num novo blog, e funciona como esperado. Podes ver o resultado aqui:
http://deus-das-moscas.blogspot.com/
Assim sendo, diz-me:
1. fizeste algumas alterações à template?
2. estás a usar a template do blogger ou sacaste-a de um outro site?
Em todo o caso, recomendo que uses o Windos Live Writer (WLW) para escrever os posts (em vez de o fazeres no editor do blogger). Isto porque poderás estar com alguma cena de HTML que te baralha o blog. Portanto:
- deixa de usar o blogger em draft (esta coisa do "ler mais e fazer download" pode ser alguma experiência que estejam a fazer)
- usa o WLW para escrever os posts
- quando precisares de inserir o "mais" segue as instruções mais a baixo.
Como instalar e usar o Windows Live Writer:
http://hitech-tips.blogspot.com/2010/02/bloggers-prestem-atencao-ao-windows.html
http://hitech-tips.blogspot.com/2010/02/faca-posts-de-forma-rapida-e-eficaz.html
http://hitech-tips.blogspot.com/2010/02/windows-live-writer-ping.html
Como inserir o "mais" num post:
http://fliscorno.blogspot.com/2009/12/windows-live-writer-como-inserir-o.html
Qualquer coisa, avisa.
Abraço,
Jorge
Olá Jorge
obrigado pela resposta rápida :)
respondendo às tuas questões:
1. fizeste algumas alterações à template? R: Não alterei nada na template. É a original da Awesome Inc., modelo da Tina Chen, portanto do Blogger.
2. estás a usar a template do blogger ou sacaste-a de um outro site?R: estou a usar a do blogger.
"- deixa de usar o blogger em draft (esta coisa do "ler mais e fazer download" pode ser alguma experiência que estejam a fazer)"
R: uso o draft só mesmo para colocar o "ler mais e fazer download"(esta frase é minha, alterei a frase de origem em "Design / Mensagens de blogue/ editar/texto do link da página de mensagens), porque de resto faço tudo no www.blogger desde a escrita a uploads de imagens e video, etc.
Bem, vou experimentar escrever os posts no WLW, pode ser que assim consiga colocar videos antes do ler mais.
Depois digo-te qualquer coisa...
Mais uma vez agradeço-te pela disponibilidade que tiveste em me ajudar, um grande Bem Haja para ti.
Abraço
Boas
epah, segui todos os passos que indicas e nada...
experimentei mudar de template (para uma mais antiga- usei várias) e deu sempre o mesmo erro( o video não aparece na 1ª parte do post);
fiz o upload do HTML original do blogue(o 1º de todos que guardei uma cópia de segurança) e nada...
instalei o WLW e tentei fazer o upload por aí e tb não deu...
enfim, fartei-me de tentar fazer aquilo que pelos vistos conseguiste (como se pode ver pelos links dos testes que fizeste) e decidi mudar para o Wordpress :-)
nesta plataforma já fiz o teste e deu logo à primeira, por isso está decidido vou mudar, agora tenho que perceber como funciona aquilo e perdonalizar o blogue e depois (com calma) fazer o upload de todos os posts que fiz no blogger (sim tenho uma cópia de segurança de todos eles, não vá o diabo tece-las:-))
Agradeço-te mais uma vez pelo trabalho que tiveste em me ajudar, embora não tenha resolvido o problema (sinceramente não percebo o que se passa), aprendi mais qualquer coisa e conheci outras formas de publicação por isso a ajuda não foi em vão...
Abraço e tudo de bom
Fly