.post-body:first-letter { float:left; color: #333333; font-size:100px; font-family:none; line-height:80px; padding-top:1px; padding-right:5px; } font-style: italic; } span.letracapital{ float: left; font-size: 40px; line-height: 35px; /* Dobla el alto de linea menos 1 pixel */ font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad; /* Azul */ padding-right: 5px; } -->

Recent Posts

Botón spoiler mostrar

17 jun 2020
Como poner un botón Spoiler en Blogger.
Para el que no sepa lo que es un spoiler y para que sirve y como se crea,aquí en unos sencillos pasos aprenderás a colocarlo en tu blog.
El spoiler tiene la función de ocultar y mostrar texto o imágenes,y es muy útil a la hora de querer reducir espacio en las entradas o solamente si quieres que el texto o la imagen solo se vea al pulsarlo.
Solo tienes que poner este código en la ediccion HTML de tu entrada y cambiar lo marcado en rojo por tu texto



<div>
<input onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar Contenido';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar Contenido';}" type="button" value="Mostrar" /><br />
<div style="display: none;">
hola a todos</div>
</div>

</div>



hola a todos

hola a todos
Imprimir entrada

No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos