Como colocar ''Spoiler'' em seu BLOG

Bom como muitos sabem  Spoiler é um texto oculto com botões para desocultar o texto por exemplo olhe o texto abaixo !









Agora vamos aprender como colocar ele em sua postagem ! Vou utilizar o serviço chamado BLOGGER você poderia estar usando outros na função HTML vamos para o tutorial !

1- Entre em sua postagem e clique em HTML .






2 - Cole o código no HTML .
Código 



<div id="spoiler" style="display:none">DIGITE SEU TEXTO AQUI !</div>  <button title="Clique para mostrar/ocultar" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">CLIQUE AQUI</button>

Pronto depois disso e só salvar é publicar ! 





5 comentários:

Unknown disse...

Boas eu criei um spoiler com um video, depois em baixo criei outro com outro video.
Quando carrego no spoiler do link debaixo aparece o
primeiro nao sei porque, ajudame pff

ACAE disse...

substitua no segundo código ('spoiler') por ('spoiler2') para um terceiro spoiler substitua o número 2 por 3 e assim sucessivamente.

Unknown disse...

Muito legal, obrigado pela dica! Sempre que faço biografias com listas de obras ou posts com imagens muito chocantes, uso seu código. Gostaria de retribuir, você teria algum banner 120 x 80 para eu te colocar como indicado? Abraços.
Brasil Bizarro

Carlos Lima disse...

Amigo, legal a dica. Sabes como posso fazer para evitar que texto fique colado? Ou seja, quero que mantenha linha abaixo de linha e não como se fosse tudo na mesma linha, pois ele puxa a linha de baixo e cola na linha de cima.

Dicas e Truques Web disse...

aqui tava tudo indo bem, mas quando clico no botão nada acontece, sou obrigado a publicar pra ver na prática, ou só no modo visualização já era pra aparecer?

Postar um comentário