Les traigo mi nuevo tutorial para blogger para ocultar contenido en las entradas, ya sean vídeos, imágenes, o texto.
Trata de poner un "Mostrar" y "Ocultar"
DEMO: GaboTs: prueba
El tutorial es muy sencillo
Crear una nueva entrada
En el HTML agregamos lo siguiente:
Y ya solo publicamos la entrada y listo :encouragement:
Si no tienes jQuery ponlo después de <head>
Y cada ves que quieras poner tu spoiler solo tienes que agregar esto a tu nueva entrada
En jQuery cada ves que quieras añadir un spoiler tienes que cambiar lo siguiente
spoiler1 por spoiler2 y mostrar1 por mostrar2
Y así consecutivamente
Eso ah sido todo BETAS
espero poderles seguir aportando cosas aquí en este maravilloso foro :topsy_turvy:
Trata de poner un "Mostrar" y "Ocultar"
DEMO: GaboTs: prueba
El tutorial es muy sencillo
Paso 1:
Crear una nueva entrada
Paso 2:
En el HTML agregamos lo siguiente:
HTML:
<input onclick="window.location='#mostrar1';" type="button" value="Mostrar"/>
<input onclick="window.location='#';" type="button" value="Ocultar" />
<div id="spoiler1">
<div id="mostrar1">
...Aquí el contenido que quieres ocultar...
</div>
</div>
<style>
#spoiler1 > div {display: none;}
#spoiler1 > div:target {display: block;}
</style>Y ya solo publicamos la entrada y listo :encouragement:
Usando jQuery
Si no tienes jQuery ponlo después de <head>
HTML:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>Y cada ves que quieras poner tu spoiler solo tienes que agregar esto a tu nueva entrada
HTML:
<input type="button" id="spoiler1" value="Mostrar"/>
<div class="mostrar1" style="display: none;">
...Aquí el contenido a ocultar ...
</div>
<script>jQuery.noConflict();jQuery(document).ready(function(){jQuery('#spoiler1').click(function(){jQuery('.mostrar1').slideToggle("slow");});});</script>¡ATENCIÓN!
En jQuery cada ves que quieras añadir un spoiler tienes que cambiar lo siguiente
spoiler1 por spoiler2 y mostrar1 por mostrar2
Y así consecutivamente
Eso ah sido todo BETAS
espero poderles seguir aportando cosas aquí en este maravilloso foro :topsy_turvy:CUALQUIER DUDA ENVIAR MP O CITAR AQUÍ
