Este é um recurso indispensável para mostrar organização em seu blog e manter a página limpa e objetiva, especialmente para aqueles que têm blogs com artigos longos (mais de 1.000 palavras). A Dica aqui é simples e objetiva: como criar aqueles links de “Leia mais…” para as postagens.
A grande dificuldade que encontrei quando tentei aprender a usar esse recurso no Blogger, foi que a página de ajuda, não ajudou em nada, quase nada… Mesmo assim, é ela que vou indicar aqui para dar as coordenadas de como criar o recurso de postagens expansíveis.
ERRATA: O Blogger já disponibiliza esse serviço de forma padrão. Veja o novo tutorial, bem mais simples:
A primeira coisa a fazer é ir em “Layout” e clicar em “Editar HTML”, pois é aí que vamos colocar os códigos que estão disponíveis na página de ajuda.
Abra o link da ajuda do blogger sobre isso em uma janela separada:
Leia a ajuda. Depois volte aqui antes de tentar fazer por si mesmo e continue lendo a minha dica. Aí vc vai entender qual o problema da ajuda do Blogger.
Entendendo os códigos:
Há dois tipos: para Modelo Clássico – aquele que a Blogger disponibiliza de Modelos; e para Layout ou Modelos modificados – são os Templates que vc encontrou na internet e não estão entre os comuns.
Existe um código para cada tipo. Selecione e copie (Ctrl+C) o que serve para o seu caso e volte para a janela onde vc deixou aberto o “Editar HTML”.
Agora entra a questão, o detalhe mais importante e que não tem na ajuda do Blogger:
a) Marque a caixa de verificação onde está indicado “Expandir modelos de widgets”. Só com essa opção marcada é que será possível ver o local onde colcar o código;
b) Encontre, nas primeiras linhas do código do modelo, a palavra “head” que está entre “< >”. Será a sexta ou sétima linha (normalmente). Abaixo disso é que vc irá colar (Ctrl+V) o código… mas…
c) Precisa estar entre “style” inicial e final. É o que o blogger chama na ajuda de “folha de estilo”.
Veja como fica no exemplo pra vc entender melhor:
Estamos na metade, mas, pense pelo lado bom: vc só tem que fazer isso uma
única vez. Depois de editar o modelo com esses códigos, não tem mais que mexer
nisso e fica valendo para todas as postagens, até para as antigas.
Ainda com o “Expandir modelos de widgets” ativado, siga a etapa abaixo (copiada da página de ajuda:
Agora é só salvar as modificações clicando em “SALVAR MODELO”.
A ultima coisa a fazer são as modificações nas postagens que vc quer q conste esse recurso. Volte à página da ajuda onde mostra o código a ser colado na postagens. E, como já disse, podem ser aplicado nas publicações antigas tb.
Gostei muito, mas tentei colocar logo abaixo de <>head e o blog todo perde o estilo. A partir daí ele publica a página de html. Sem estar entre style style<> /, tudo bem ele não faz nenhuma diferença, mas entre essas tags não funciona.
Cleuzano,
Esse tipo de erro acontece quando se usa o Modelo Clássico e coloca-se o código para Layout e vice-versa. Observer qual é o seu tipo de template para não usar o código errado!
Tente mais uma vez.
oLá Marcos, usei o seu tutorial e pela primeira vez depois de tantas tentativas atravez de outros tutoriais, com o seu consegui implementar! Mas há um pequeno detalhe, que deve ser simples mas para um leigo em Internet, é complicado eheh, é que não consigo separar o texto resumo do que deve aparecer depois do leia mais, fiz o teste no meu site de testes e não consigo, será que vc pode me ajudar?
meu site de testes http://testessegunda.blogspot.com/
Abraços do Benito Pepe e desde já obrigado!
Benito,
O vc tem q fazer é adicionar o código de resumir no texto:
TEXTO RESUMIDO
[span class="fullpost"]
CONTINUAÇAO DO TEXTO
[/span]
Troque [] por <>
Só isso…
Todos os meus post’s ficaram com o “Leia Mais!” no final
DJ Duda,
Por isso q pedimos para ler tudo com atenção.
É preciso agora modificar os artigos, antigos e novos, colocando neles o código que define a parte do resumo e a continuação do texto. Veja como é:
TEXTO RESUMIDO
[span class="fullpost"]
CONTINUAÇAO DO TEXTO
[/span]
Troque [] por <>
Só isso…
não, aparece “Leia Mais!” em todos os posts, inclusive nos que eu não coloquei o código.
DJ Duda.
Vai mesmo parecer em todas as postagens.
Não tem como escolher em quais vai funcionar e ter o link…
Gostei…
tava mesmo procurando por isso. Vlw A Dica!!!
no meu apareceu o “Leia Mais” em todas as postagem, inclusive nas antigas, mas não da nada..
Vlw
abraços!
Kbeça de Bagre,
O link “leia mais” vai mesmo aparecer em todas as postagens. Por isso que se tem de voltar em todas e incluir o código que delimita o local que irá aparecer o link.
.
Não tem como tirar o link de algumas e só deixar em outras…
Olá Marcos, apanhei um pouco, mas com paciência consegui…ufa…
Valeu.
kra tentei fazer isso só que na hora de salvar o blogger não aceitou as tags
então eu colei do jeito que estava escrito aí abaixo do [head] EU COLOQUEI <>
desisto…..
Valeu, muito legal, eu fiz e deu certinho…
vlw mesmo
Skorpion,
Veja o novo tutorial com a ajuda mais completa:
http://www.ferramentasblog.com/2009/02/como-criar-resumo-de-postagem.html
.
O meu deu o seguinte erro:
"Corrija o erro abaixo e envie o seu modelo novamente.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The value of attribute "cond" associated with an element type "null" must not contain the '<' character."
Leandro,
vc está copiando algo errado e colando o código faltando partes…
veja o tutorial mais completo aqui:
http://www.ferramentasblog.com/2009/02/como-criar-resumo-de-postagem.html
Valeu cara!! Deu tudo certo no meu blog!
Pingback: Como criar resumo de postagem expansivel? | [ Ferramentas Blog ]
Marcos, essa postagem esta toda “tachada”, você abriu a tag e não fachou, espero ter ajudado.
Está assim pq já há uma opção nova e melhor que esta. Citei o link no início como errata para esse conteúdo.