Esse hack é muito interessante, ele exibe um resumo das postagens na página inicial do blog, facilitando muito a usabilidade do leitor.
Esse hack possui uma grande diferença dos outros "Leia Mais", ele faz com que o leitor não precise sair da home para terminar de ler o artigo. Quando ele clica sobre o texto em questão, o restante do post é exibido, sem atualizar a página.
Entre em "Layout" -> "Editar HTML" e localize o trecho ]]></b:skin> e </head>
Copie código <script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' /> e cole entre as tags anteriores. Ficando assim:
Copie código <script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' /> e cole entre as tags anteriores. Ficando assim:
]]></b:skin> <script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' /> </head>
Ou se você preferir, baixe esse arquivo, hospede em qualquer servidor gratuito como o google pages e em seguida cole o link entre as tags ]]></b:skin> e </head>
Agora salve seu template.
Marque a caixa "Expandir modelos de widgets"
Procure por:
<b:includable id='post' var='post'>
Selecione tudo entre o codigo acima até <div style='clear: both;'/> <!-- clear for photos floats --> e substitua tudo por esse código:
<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'
expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);'
expr:onclick='"javascript:showFull(\"post-" +
data:post.id + "\");"'>Leia Mais...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);'
expr:onclick='"javascript:hideFull(\"post-" +
data:post.id + "\");"'>Resumo...</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Pronto, agora salve seu template novamente.
(você pode alterar os textos, "Leia Mais" e "Resumo" como quiser.)
Agora para finalizar, abra no painel "Configurações" -> "Formatação" encontre a caixa de texto "Modelo de Postagem" e cole o seguinte código:
Digite seu resumo aqui
<span id="fullpost">
Digite o resto do post aqui
</span>
Agora você pode escolher quais os posts serão resumidos, basta usar o código acima, adicionando o resumo e o restante do post no local indicado.
OBS: Os artigos anteriores não serão alterados, apenas os novos apartir da instalação do hack.
Clique aqui e baixe o template mínima do blogger já com o hack instalado
