É bem simples de fazer. Descobri no dicasparasites.webnode.com.br
Este é o código.
<table width="90%" cellspacing="1" cellpadding="0" border="0" align="center" onclick="if(this.getElementsByTagName('td')[1].style.display == 'none'){ this.getElementsByTagName('td')[1].style.display = '';this.getElementsByTagName('td')[2].style.display = 'none'; }else{ this.getElementsByTagName('td')[1].style.display = 'none';this.getElementsByTagName('td')[2].style.display = '';}" style="cursor: pointer;"><tr><td><span class="genmed"><b>Spoiler:</b></td></tr><tr><td class="quote" style="display: '';"> </td><td class="quote" style="display: none;">MENSAGEM</td></tr></table><span class="postbody">
Se você for colocar na sidebar, use um gadget.
Na página de postagem do blogger você deverá postar em HTML, e depois entrar no modo escrever. Verifique se aparece somente o título. Caso positivo atualize (salve) ou continue escrevendo o que você quiser que fique totalmente visível, como um texto normal.
Exemplo:
Usei essa frase.
Você pode descobrir mais sobre uma pessoa em uma hora de brincadeira do que em um ano de conversa.
Platão
Veja como coloquei no código:
<table width="90%" cellspacing="1" cellpadding="0" border="0" align="center" onclick="if(this.getElementsByTagName('td')[1].style.display == 'none'){ this.getElementsByTagName('td')[1].style.display = '';this.getElementsByTagName('td')[2].style.display = 'none'; }else{ this.getElementsByTagName('td')[1].style.display = 'none';this.getElementsByTagName('td')[2].style.display = '';}" style="cursor: pointer;"><tr><td><span class="genmed"><b>Descobertas:</b></td></tr><tr><td class="quote" style="display: '';"> </td><td class="quote" style="display: none;"> Você pode descobrir mais sobre uma pessoa em uma hora de brincadeira do que em um ano de conversa.
Platão
</td></tr></table><span class="postbody">
| Descobertas: |
Veja outro exemplo:
No Blog Golpada de Mestre coloquei um testo bem maior falando sobre mim, abaixo do meu perfil. Acredito que não haja limite no tamanho do texto se todo ele estiver colocado no lugar certo. Veja como ficou e como fiz:
No título do gadget: Um pouco mais...
<table width="90%" cellspacing="1" cellpadding="0" border="0" align="center" onclick="if(this.getElementsByTagName('td')[1].style.display == 'none'){ this.getElementsByTagName('td')[1].style.display = '';this.getElementsByTagName('td')[2].style.display = 'none'; }else{ this.getElementsByTagName('td')[1].style.display = 'none';this.getElementsByTagName('td')[2].style.display = '';}" style="cursor: pointer;"><tr><td><span class="genmed"><b> sobre mim:</b></td></tr><tr><td class="quote" style="display: '';"> </td><td class="quote" style="display: none;"> TEXTO AQUI
</td></tr></table><span class="postbody">
