Como poner spoilers en blogger

Estaba buscando como hacer un spoiler y lo primero que encontre en un foro de anime fue "pon [*SPOILER]contenido[/*SPOILER]" jajaja pero parece que solo sirve para los foros x), seguí buscando y encontré para el blogger xB en otro blog (nunca lo hubiera esperado u_u), bueno lo encontre en Blog del DrPollit0, básicamente es solo copiar un código en el html de la plantilla, bueno aquí los 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





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...).



LISTO.