01/07/2014

Como colocar "Mais | Menos" no blog

Monumento perfeito. Musa do Indie/Pop.
Hello, boys and girls. Luiz Felipe here. Virtual and in keyboards.
Como estão pessoal? estou bem. A pedido pela Cecília na Cbox, irei postar o tutorial de como colocar "Mais | Menos" no blog. Para quem não sabe, é só visualizar em umas dos nossos gadgets aí ao lado. Veja o tutorial clicando em leia mais:

No HTML do seu gadget, coloque no final esse código:

<div class="divspoiler">
<img src="URL DA IMAGEM DE MAIS | MENOS" 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;">
COLOQUE AQUI O CONTEÚDO QUE FICARÁ DENTRO DO SEU "MAIS |MENOS"
</div></div>
E é só mudar o "Url da imagem de Mais | Menos" e colocar o conteúdo onde se pede.
Aqui está a imagem que a maioria usa para colocar na parte do URL da imagem:

Nenhum comentário: