Resumo de Postagem - Leia Mais

Passando no Templates Novo Blog a procura de um novo Layout, esse que temos agora, achei um hack para o blogger que me chamou atenção. É o famoso Resumo de Postagem. Onde você "esconde" o restante da postagem para que possam ser exibidos só se clicarem em Leia Mais. Com isso você deixa a sua página mais limpa, leve e organizada. Muito usado por quem costuma ou precisa colocar muita coisa em seu post.

A maioria dos hacks de Resumo de postagem fazem com que, ao clicar para continuar vendo a postagem, abra uma página apenas com o conteúdo de seu post. Muitos acreditam que isso é melhor principalmente devido aos anúncios do Adsense que em uma nova página se renovam e podem interessar o leitor a clicar. Mas esse que vos apresento hoje é diferente, ele abre na própria janela aberta apenas esticando o post ao exibir o restante do conteúdo. Faça você mesmo o teste aqui e ao clicar em Continue Lendo... poderá pegar o código desse hack.

Continue Lendo...

Para habilitar o hack no seu blog, vá em Configurações >> Formatação e desça toda a página. Em Modelo de Postagem, cole o seguinte código:

<p>Resumo do post</p><a href='javascript:void(0);' onclick='return verocultar(this);'>Leia Mais...</a><div style='display: none;'><p>Resto do Post</p></div>

Salve a modificação. Toda vez que você iniciar uma nova postagem, o código aparecerá (no modo HTML) e basta que você coloque o resumo e o restante do post onde está indicado em Azul. Cuidado para não apagar nenhum <p> .Você pode, inclusive, modificar o link (Leia Mais...) ao seu gosto, com outras palavras e até imagens.

Agora vá em Editar HTML e antes de </head> cole o seguinte código:

    <script type='text/JavaScript'>
    function verocultar(cual) {
    var c=cual.nextSibling;
    if(c.style.display==&#39;none&#39;) {
    c.style.display=&#39;block&#39;;
    } else {
    c.style.display=&#39;none&#39;;
    }
    return false;
    }
    </script>

Salve a modificação.

Obs: é possível que apareça um espaço grande entre o resumo e o restante do post. Para evitá-lo, tente deixar o texto unido ao código, sem pular linhas.