Tutorial: Conteúdo Ocultado

|

Sei que não estive muito (nada) presente neste última semana, porém estive enrolada com muitas coisas e nem sobrou tempo para algum blog.
Sobretudo, venho aqui hoje para ensiná-los a colocar conteúdo ocultado no blog, para ver clique em Mais Informações!



O código que vai ser utilizado é este:

<div class="divspoiler"><img src="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;">CONTEÚDO</div></div>

Antes que vocês achem que o código é complicado, posso dizer que é super simples modificar. Você deverá se preocupar somente com o espaço das palavras em letra grande. Em "IMAGEM", você irá colocar a imagem do código, separei algumas:




E na área do conteúdo, você coloca o que quiser. Um bom lugar para usar esse código é no Widget Status/Afiliados, você pode colocar banners de Monitorado Premium e de Campanhas, e no Afiliados, você pode colocar parte dos blogs afiliados para que o widget não fique tão grande.

Espero que o tutorial seja útil!
Caso você tenha algum pedido de tutorial/material, clique aqui para fazê-lo!

Beijos, Maria

Nenhum comentário:

Postar um comentário