Como usar botao de spoiler no blog

Ola hoje ensinarei como usar o texto oculto ou spoiler aqui vamos então ao tutorial.

Adicionando texto oculto ou spoiler

Para ocultar um texto com um botão como este abaixo

você deve usar o código abaixo colando na parte HTML de usa postagem

<div id="spoiler" style="display: none;">
TEXTO OCULTADO </div>
<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Clique para mostrar/ocultar" type="button">CLIQUE AQUI</button>

O local indicado em vermelho deve ser substituído pelo testo enquanto o local em azul se refere ao nome do button podendo ser substituído pelo nome que desejar

Personalizando Button

Para personalizar seu button deve utilizar este código 

<div id="spoiler" style="display: none;">
TEXTO OCULTADO </div>
<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Clique para mostrar/ocultar" type="button"> <ima src="URL da imagen" /></button>

 e substituir o local indicado em vermelho pela URL da imagem