Tutorial: Afiliados com Expansão + Imagens Mais | Menos

Como prometido trouxe o primeiro tutorial de muitos.

Como vocês podem ver, nos afiliados do blog tem uma imagem escrito " Mais | Menos " e quando clica nela, aparece outros afiliados.

Tem muita gente que tem vontade de aprender como colocar, não só em afiliados, mais no status ou em outro lugar do blog e hoje o tutorial que eu trouxe é ensinando a colocar.

Vamos ao tutu, clique em leia mais e aprenda =)

1º Adicioneo seguinte código em seus afiliados ou em outro local do blog que você queira que fique, lembrando que  gadget de seus afiliados tem que ser em HTML/JavaScript como vocês já sabem.

<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° Aonde está escrito " Conteúdo Ocultado " você coloca o restante dos seus afiliados e aonde está escrito " Imagem de Mais " você coloca o URL da imagem.

Algumas imagens de Mais | Menos

Você pode fazer igual eu fiz aqui no blog, coloquei os 4 primeiros afiliados e o código de Mais | Menos abaixo dos 4 afiliados e aonde está escrito " Conteúdo Ocultado " o restante dos afiliados e <div></div> no final de todo o código de afiliados.

Bom espero que tenham gostado e entendido o tutorial, qualquer dúvida é só pergunta =)

Créditos ao Tutorial : Otome Sonhadora