♦ Tutorial ~ Mostrar/Ocultar Conteúdo com Imagem

Linda imagem, se for de algum anime me avisa.

 Hei pessoas coloridas

 Byel Af surge de outro mundo com uma caixa dourada que chama a atenção dos leitores "Mas o que é isso???" diz um leitor "Deve ser muito legal" retruca outro.

 Então eu abro a caixa, e mostro que lá dentro está um tutorial que dividirei com todos. "Pensei que era algo mais importante" disse um leitor troll.

 Depois de tudo isso quero logo trazer o tutorial de Mostrar/Ocultar conteúdo, mas você se pergunta.

 O que é isso???

 Aqui um exemplo:

  Funciona desse jeito da imagem, primeiro é só uma imagem e quanto você clica o conteúdo que você quiser aparece, na imagem são afiliados. Mas você pode colocar banners de parceria, sorteios, divulgação...
 Então vamos aprender???

No painel do seu blog vá em:

LAYOUT  ADICIONAR UM GADGET  HTML/JavaScript

E cole isto

<div class="divspoiler">

<img src="URL DA IMAGEM QUE PARA APERTAR" 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;">

CÓDIGO OU LINKS AQUI</div></div>

 Agora é só trocar as coisas que estão marcadas e pronto.

 Nunca retire esses últimos </div></div> porque são eles que fecham o código

Bye bye