Ocultar texto muito longo..

As vezes, para uma boa explicação de algum assunto, precisamos "encompridar" um pouco nossa conversa e muitas vezes o leitor desiste de algum assunto só de ver o tamanho do artigo. Seus 'POBREMAS ACABARO' pois descobri uma forma bem legal de esconder seus textos e o leitor só irá terminar de ler se realmente lhe interessar, e ainda tem a vantagem de que sua página fica mais rápida para carregar.
Abaixo segue o código para criar um botão a igual este que voce esta vendo em meu blog.

É mais fácil do que parece, basta adicionar este código nas postagens que pretende "esconder" o conteúdo, e escrever o seu texto no local indicado por letras em negrito.

Copie e cole:

<div class="pre-spoiler">

<input id="xs" value="Leia Mais" style="margin-left: 50px; padding: 0px; width: 80px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Leia Mais';}" type="button"> </div>

<div>

<div class="spoiler" style="display: none;">

Aqui você coloca o texto que quer esconder e que só vai aparecer quando clicarem no botão.

</div>

</div>