Agregar SPOILER (Texto Oculto en Blogger)

Esta entrada no es mia, es una copia de aki ---> Fuente pero lo pongo para posible consulta mia o de quien lo requiera. a continuación los pasos. ¿No sabes que es SPOILER? da click en "Ver pasos" abajo

Ver Pasos

-Ve a Diseño > Edición de Html.



-Copia y pega este código Javascript entre las etiquetas ]]></b:skin> y</head>:

<script type='text/Javascript'>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

-Copia y pega este código CSS justo encima de la etiqueta ]]></b:skin>:

.commenthidden {display:none;}
.commentshown {display:inline;}

-Guarda la Plantilla


Debería quedarte algo así:

.commenthidden {display:none;}
.commentshown {display:inline;}

]]></b:skin>

<script type='text/Javascript'>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

</head>

Ahora ya deberías poder añadir spoilers en cualquier entrada de tu blog.

A continuación están los pasos a seguir para añadir spoilers en una entrada:


-Añade el siguiente código:

<a aiotitle="click para expandir" href="javascript:togglecomments('NOMBREUNICO')">SPOILER</a>
<div class="commenthidden" id="NOMBREUNICO">CONTENIDOOCULTO</div>

-Donde pone NOMBREUNICO pon un identificador de spoiler único. Es importante que no pongas el mismo identificador a spoilers diferentes ya que en caso de poner el mismo identificador, cuando intentes abrir un spoiler es posible que abras el otro. Utiliza identificadores largos como por ejemplo veranoazulchanquete.
-Donde pone SPOILER pon el texto del enlace.
-Donde pone CONTENIDOOCULTO pon el contenido que quieras ocultar(texto, imágenes...).


Como ejemplo pongo el código del spoiler de Verano Azul que he puesto al principio de este post:

Por ejemplo, si no has visto Verano Azul, no te gustaría saber que... <a aiotitle="click para expandir" href="javascript:togglecomments('veranoazulchanquete')"><b>SPOILER</b></a><div class="commenthidden" id="veranoazulchanquete"><span style="font-weight:bold;">Chanquete muere</span>
<img src="http://i145.photobucket.com/albums/r218/drpollit0/blog/chanquete_avatar.jpg" /></div>

NOTA IMPORTANTE:
Ten en cuenta que si reestableces la plantilla o pones una plantilla nueva, el código Javascript y CSS que has introducido se eliminará y se verán todos los spoilers que hayas puesto en las entradas.

____________________________________________________________

--->>==REPORTA ALGUN ERROR==<<--

-->>==CONTACTAME==<<--

Creaciones

extmail