domingo, 19 de maio de 2013
Código HTML para ocultar algo em seu blog
Olá galera, hoje vou mostrar como colocar um código HTML em suas postagens para que possam ocultar algo como: Texto, Códigos HTML ou ... bom vai de sua criatividade.
Primeiro vou mostrar que o código funciona e uma boa prova disso é o blogger: A ESCOLA BLOGGER
Veja o exemplo com essas imagens abaixo!
(Visualizem as imagem para verem melhor)
Vamos aos código:
<div class="divspoiler">
<input type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" />
</div><div><div class="spoiler" style="display: none;">
Aqui o conteúdo que queremos ocultar
</div></div>
Caso queira uma imagem use esse código
<div class="divspoiler">
<img src="URL DA 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;">
Aqui o conteúdo que queremos ocultar
</div></div>
É isso galera espero que tenham gostado do código
até a próxima falow
Assinar:
Postar comentários (Atom)
Nenhum comentário:
Postar um comentário