Posts Resumidos no Blogger, igual ao Wordpress
O administrador do Espaço Blogger, Rafael Silveira, nos pediu uma consultoria Blogger básica: Como colocar as postagens do Blogger de forma resumida? Não poderiamos deixar de atendê-lo, pois além de ser um amigo, o Rafael utilizou corretamente nosso sistema de pedidos de postagens, a seção SUGESTÕES:
E para quem prefere o Blogger ao Wordpress essa é mais uma razão ou motivo para se manter no Blogger. O Blogger melhora a cada dia, os recursos estão cada vez mais completos e o melhor de tudo: O Google adora o Blogger (Leia-se posiciona o Blogger melhor nos resultados de pesquisa).
Os procedimentos:
1) Faça seu Login no Blogger;
2) Entre na aba "Layout", depois na sub-aba "Editar HTML";
3) Marque a opção "Expandir modelos de Widgets";
4) Localize* a tag <head>
5) Cole o seguinte código de script imediatamente acima da tag localizada:
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.extractor.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.excerpt').expander({
slicePoint: 280, // default is 100
expandEffect: 'fadeIn',
expandText: '[...]', // default is 'read more...'
userCollapseText: '[^]' // default is '[collapse expanded text]'
});
});
</script>
6.1 Localize* o seguinte código:
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
6.2 Agora você terá de trocar o código acima pelo código abaixo (por completo!):
<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<p><a expr:href='data:post.url'>Continue lendo...</a></p>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
7) Visualize e faça uma oração (se for crente), uma reza (Se for católico), uma macumba (se for baiano):
8) Se deu tudo certo, salve e nos dê um link de agradecimento.
Formatações: Você pode alterar a expressão "Continue Lendo" conforme a sua conveniência. Também pode alterar o valor de 280, ele se refere ao número de caracteres que a postagem resumida vai ter.
Localize*: Para localizar o código HTML na sub-aba "Editar Html" você deve clicar dentro do texto de código e usar o seguinte comando no seu teclado "CTRL + F" e buscar a expressão. Nem sempre funciona com grandes expressões no navegadores Mozila e Explorer (O pior que eu já vi, um verdadeiro lixo!).
Advertências: Sempre quando for implementar uma mudança no código HTML do seu blog é conveniente que você salve o modelo completo, na sub-aba "Editar Html" por meio do clique em "Baixar Modelo Completo". Caso você goste de passar raiva desconsidere a advertência.
Créu! =D
=D
OLá, ótimo post, já fiz no meu parabéns!
Referente ao Numero 280, pude notar que se refere ao numero de caracteres do xódigo HTML da sua postagem, e não ao numero de letras....
Vlw abraço!
=D
Realmente útil, acabei de aplicar no meu blog, aproveitando mais espaço, para colocar mais postagens, sem deixar o blog parecer uma eternidade.
Grande abraço!
Hugo Meira | Site Jurídico
Adorei a dica, muito melhor que usar aquele a tag span full post q dah mais dor de cabeça q tudo.
valeu!! abraços
Ola. não encontrei o códgio, vc pode me ajudar?
Borus: Ache a tag head, os outros codigos você vai ter que incluir.
Sempre marque "expandir modelo" de efetuar as mudanças.
Quado agente procura um código longo, a busca do navegador costuma falhar. Nestes casos, vc deve diminuir a expressao procurada para melhorar a busca.
Caso não ache pela busca deverá procurar manualmente, infelizmente.
A tag head fica nas primeiras linhas ...
A linha de código a ser substituída fica mais pro meio ao final do código, geralmente.
Obrigada! conseguir.....
OOOba deu certo, vlw
como pediu to mandando link:
http://revistaouniversoquenosrodeia.blogspot.com/
muuito obrigado ;]
Ficou lindo o meu blog!
Obrigada!!!!
http://cacadoradelivros.blogspot.com
Apesar de eu ter colocado tudo certinho, o post ainda fica grande...
Tentei mudar e coloquei esse código assim:
slicePoint: 20, // default is 20
E mesmo assim nada...
Poderiam me ajudar?
Abs
Postar um comentário
- Os comentários devem ter relação com a postagem;
- Evite fazer do comentário uma propaganda;
- Comentários Anônimos não são permitidos;
O desrespeito as regras do blog implica na exclusão do comentário.