Resumir posts no Blogger
Olá Amigos!
Hoje, navegando na net, encontrei um hack legal para o blogger, ele resume os posts na página inicial do blog.
Aqui hoje, vou mostrar como instalar ele no seu blog, os créditos são inteiramente do UsuárioCompulsivo e Amanda do BloggerBuster.
Primeiramente, faça o backup do seu template, entrando em Layout>Editar Html>Baixar Modelo Completo.
Agora novamente em Editar Html, marque a caixa expandir modelos de widgets, localize (CTRL+F) a tag </head> e cole antes dela, o seguinte código:
<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>
Na linha "SlicePoint: 280, representa a quantidade de caracteres html que será exibida na página inicial,
configure à seu gosto.
Procure agora por este código:
<div class="post-body entry-content">
<data:post.body>
<div style="clear: both;"> <!-- clear for photos floats -->
</div>
Alguns templates não tem esta primeira linha, começe procurando pela segunda linha data:post.body e tal.
Substitua por:
<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 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>
</data:post.body>
Pronto, clique em Visualizar, se estiver tudo correto, salvar modelo.
Eu achei legal esse hack, porque na página inicial, tem que ter os posts resumidos, daqui uns dias instalo ele no meu blog.
Gostaram ?
-
Amiga não vou falar so deste post que ta otimo, mas seu blog no geral ta lindo, informativo no que ele se propos a tratar, parabens.
PS: ta rolando um debate quentissimo lá no meu blog, dá uma chegada lá e deixe sua opnião que é muito importante pra mim.
http://leozukinho18.blogspot.com/
Po, amiga é foda neh ?
ashudhaisudhiashiuase
amiga é oda neh (1)
heheh!!
bom tutorial, eu já tinha visto no compulsivo mas tá valendo.
conhecimento nunca é demais na blogosfera!
abraços!
meu "f" está com problemas!
é foda!
husadhasie, eu tava com problemas no teclado tb kkkkkk
complicado
Acho que fazer isso não combina muito com meu blog, mas mesmo assim é uma dica legal. Vou passar pra frente :)
Postar um comentário