Tutorial | Efeito Mais/Menos


Categories

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)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwEK-qQCYAvaweSUIv44FoB_0CWw-PTzH513pJyafSwAHK5dJHJjjFgdkhBjVMANJHKS9JXfCFx4xVQxrHR70nNgovWOwfIXqYSnUz49olxfpvqaxxrVRuhReXfE_iMHjvDQj0lb2z7CC7/s1600/para_225_225__2_.png
Postado por@victop.jpg

27y, publicitário e designer gráfico.

Postar um comentário