15 de jan de 2014

Tutorial | Efeito Mais/Menos


Como meu primeiro tutorial aqui no “Room” vou postar esse efeito ‘Mais/Menos’. Apesar de que maioria dos blogueiros sabe ou o usam em seus blogs. O tutorial é bem simples e rápido.

Ele é muito útil e organiza a sidebar de modo que não fique aquele monte de afiliados na sidebar ou em outro locar que você queira usá-lo.

Passo 1 – Vá em Painel da Blogger > Layout > Adicionar Gadget > HTML/JavaScript
Passo 2 – Cole esse código onde você quer que apareça o efeito; pode ser nos afiliados, no status...
<div class="divspoiler"><img src="IMAGEM 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;">
CONTEÚDO DO MAIS/MENOS</div></div>
E pronto! Se quiser pode usar esta imagem (ou se tiver preguiça também)
http://4.bp.blogspot.com/-iUy-nGoqf80/UUIShrN374I/AAAAAAAAAHM/vkWoFWZa8B4/s1600/para_225_225__2_.png

Tags:

0 Responses to “Tutorial | Efeito Mais/Menos”

Postar um comentário

Subscribe

Que tal assinar o nosso feed e ser o primeiro a receber os últimos posts daqui do blog? Deixe seu email abaixo e dê enter.

Designed by SpicyTricks Edited by Victor Alves