Repost: [Tutorial] Como colocar "mais/menos" no blog + imagens

(Postado originalmente dia 04/03/2014)

Oi gente, hoje no nosso primeiro tutorial, venho mostrar como colocar aquele "mais/menos" que tem no nosso status + imagens de mais/menos originais! Para conferir, basta clicar em "Leia Mais"

1. É simples, vá em um gadget "HTML/JavaScript" e adicione o seguinte código abaixo de tudo:

<div class="divspoiler">
<img src="IMAGEM DE MAIS" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
CONTEÚDO OCULTADO
</div></div>

2. Logo depois, escolha ou faça uma imagem e coloque! E como está obvio, em "Conteúdo ocultado" coloque o conteúdo desejado!

Caso não queira fazer as imagens de mais/menos... Aqui abaixo trago algumas!