Como mostrar/ocultar texto:
Vamos a Diseño/Edición HTML y luego
copiamos este codigo justo antes de </head>
(Para saber donde esta pulsamos ctrl + f i escribimos </head>)
<!-- desplegable -->
<style type="text/css">.texthidden {display:inline}.shown {display:block}</style><script type="text/javascript">document.write('<style>.texthidden {display:none} </style>');</script><script type="text/Javascript">function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script>
<!--desplegable -->
Luego copiaremos el siguente codigo en Elementos de pagina/HTML/Javascript:
<center><a href="javascript:void(0);" onclick="expandcollapse('cualquiercosa')">Ver ejemplo</a>
<ul id="cualquiercosa" class="texthidden">
Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-
</ul>
</center>
Donde "cualquiercosa" es un nombre cualquiera que no deberemos repetir si agregamos este código más de una vez en nuestro blog y donde "Texto-oculto" es lo que queremos esconder. Podemos añadirlo cuantas veces deseamos pero con un nombre diferente.
Vamos a Diseño/Edición HTML y luego
copiamos este codigo justo antes de </head>
(Para saber donde esta pulsamos ctrl + f i escribimos </head>)
<!-- desplegable -->
<style type="text/css">.texthidden {display:inline}.shown {display:block}</style><script type="text/javascript">document.write('<style>.texthidden {display:none} </style>');</script><script type="text/Javascript">function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script>
<!--desplegable -->
Luego copiaremos el siguente codigo en Elementos de pagina/HTML/Javascript:
<center><a href="javascript:void(0);" onclick="expandcollapse('cualquiercosa')">Ver ejemplo</a>
<ul id="cualquiercosa" class="texthidden">
Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-Texto oculto-
</ul>
</center>
Donde "cualquiercosa" es un nombre cualquiera que no deberemos repetir si agregamos este código más de una vez en nuestro blog y donde "Texto-oculto" es lo que queremos esconder. Podemos añadirlo cuantas veces deseamos pero con un nombre diferente.







No hay comentarios:
Publicar un comentario