Botão ocultar e mostrar para blogs-sites

                                                                     Iae pessoal aqui quem fala é o Eduardo, hoje vou mostrar uns botoes de ocultar para você, com diversas funções, muito bom!

Como por esse botão:

                                                                              

<div class="divspoiler">

<input type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" />

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

COLOQUE AQUI O CONTEÚDO QUE FICARÁ OCULTO

</div></div>

Entenda:
Em vermelho: (Onde vai o código escondido,ocultar).
Em azul: (Valor que ira mostrar).
Em verde: (Valor que ira ocultar).

Código:
<div class="divspoiler"><input type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" /><br /> </div><div><div class="spoiler" style="display: none;">COLOQUE AQUI O CONTEÚDO QUE FICARÁ OCULTO<br /> </div></div>

Ou por código sem botão.

Mostrar / Ocultar ▼▲

<div class="divspoiler">
<a href="javascript:void(0);" 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';}" >Mostrar / Ocultar ▼▲</a>
</div><div><div class="spoiler" style="display: none;">
Aqui o conteúdo que queremos ocultar
</div></div>

ENTENDA:
Em vermelho: (Onde vai o código escondido,oculto).
Em azul: (Valor, que ira mostrar).
Em verde: (Valor, que ira ocultar).

Código:
<div class="divspoiler"><a href="javascript:void(0);" 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';}" >Mostrar / Ocultar ▼▲</a><br /> </div><div><div class="spoiler" style="display: none;">Aqui o conteúdo que queremos ocultar<br /> </div></div>

EM IMAGEM:

www.eduardocriador

<div class="divspoiler">
<img src="URL DA IMAGEM" 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;">
Aqui o conteúdo que queremos ocultar
</div></div>

ENTENDA:
Em vermelho: (Onde vai o código escondido,oculto).
Em azul: (Link da imagem).
Para ocultar e mostrar clique em cima da imagem!

.Código:
<div class="divspoiler"><img src="URL DA IMAGEM" 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';}" /><br /> </div><div><div class="spoiler" style="display: none;">Aqui o conteúdo que queremos ocultar<br /> </div></div>