#activar ~ .desplegable {display: none;overflow: hidden;} #activar:checked ~ .desplegable {display: block;} -->
Plantilla New Pro Blogger Template
Revista Pro template blogger
Galeria imágenes CSS
Crear un marcador de código para nuestro blog.
Cajas con animaciones usando jQuery
Más Tooptip
Catalogspot plantilla blogger
Como se creó Google
Menú Material Desing
 Menú JQuery con iconos
Como podemos cambiar la direccion de la pantalla de nuestro PC?
Menu CSS

Botón spoiler mostrar

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

Publicar un comentario

0 Comentarios