Tutorial - Efeito expansão mostrar/ocultar gadget + Blog Pronto

Estava a procura desse tutorial, para usar no Blog  mas antes de falar sobre ele gostaria  de entregar o Blog ele está pronto e espero que vocês gostem! bom acho que o tutorial vai ser muito útil para vocês e bem simples
você irão conseguir fazê-lo normalmente....




vá em Layout -> adicionar um gadget -> HTML/Javascript e cole esse 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';}" />

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

HTML do conteudo quer quer ser ocultado

</div></div>

e substitua como pede nas áreas destacadas.

 fiz algumas imagem para usarem :

espero que tenham gostado, qualquer dúvida comentem!

não repassar as imagens!