Afiliados con expansión

Hey babies! Hoy, como habéis podido ver en el título del post, vengo con un tutorial y este hace tiempo que quería traerlo porque me parece muy útil, sobre todo para aquellos blogs que tengan muchos afiliados y no quieran mantenerlos "ocultos" (por así decirlo) en una página, sino que los quieran en la página "principal", a la vista de todos y aunque ponga afiliados, se puede usar para muchas otras cosas, las posibilidades son infinitas. Let's go!

P R E V I E W

1. Vamos a crear nuestra élite de afiliados en un gadget HTML/Javascript, como lo haríamos normalmente. Con imágenes o texto, tanto da, como más nos guste.

2. Justo debajo pegamos el siguiente código:

<div class="divspoiler">

<img src="IMAGEN DE MÁS" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />

</div><div><div class="spoiler" style="display: none;">

CONTENIDO OCULTO

</div></div>

Lo que está en negrita es lo que se debe modificar. En Imagen de más es donde va la imagen que al hacer clic se expandirá para enseñarnos lo que oculta (lol, ha sonado raro eso). Y en Contenido oculto es donde irá todo lo que no queremos que se muestre, a no ser que le demos clic en la imagen de mostrar el contenido.

Y hasta aquí el tutorial de hoy. Como veis es muy sencillo de aplicar y queda muy bonito y no ocupa mucho espacio (a no ser que le demos a mostrar el contenido, claro 😅). Si tenéis cualquier duda, no dudéis en poneros en contacto conmigo ^-^.