Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Botón Abrir / Cerrar

Hay varias formas para mostrar y ocultar cualquier cosa, como imágenes, texto o códigos.

A continuación te enseñaré cómo puedes hacer el truco de ocultar contenido por medio de un simple botón...




Para ponerlo en tu blog sólo debes copiar el código que te muestro a continuación...

<div><div><div class="pre-spoiler"><span style="float: left; padding-top: 2px;"></span><input style="margin: 0px; padding: 0px; width: 80px; " value="ABRIR" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'CERRAR'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Ver';}" type="button"/> </div> <div> <div style="display: none;" class="spoiler"><span ><div style="text-align: center;"><div style="text-align: justify;"><u ></u>
AQUI EL TEXTO OCULTO
</div></div></span></div></div></div></div>

Puedes cambiar las palabras que aparecen en rojo por lo que desees.


Escribe el texto que quieres ocultar en el espacio indicado y Listo.

El botón puede colocarse en un gadget (elemento de página) html-javascript o en una entrada.

Si deseas que al pulsar el botón, aparezca una imágen, sustituye AQUI EL TEXTO OCULTO por la siguiente línea:

<img src="URL DE TU IMAGEN"/>

Por último cambia URL DE TU IMAGEN por la dirección de tu imagen.

zAcO-33 dice...

oye amigo no se podra crear en vez de un boton una ¿imagen? si se puede me podrias decir el code hay porfavor gracias mi correo bad_boy2.0@hotmail.com exelente blog #1

Gilbert + dice...

Jaime, ahora entiendo que hayas puesto alguna que otra licencia como copyscape y copyright, por desgracia hay gente que se copia de tus posts.

Te informo que ayer, navegando por google descubrí
Vlogra. Esta web tiene varios posts exactamente copiados de tu blog.

No intento ser un chivato pero queria informarte porque se el trabajo que conlleva todo esto.

Abrazos.

Jaime Trujillo Escobedo dice...

Gilbert +, ya veo. Es cierto que hay varios posts del balcón, al igual que del escaparate de Rosa.

En realidad no me importa demasiado este acto pero al menos podrían enlazar al autor o nombrarlo en la entrada. ^_^

Como dices, esto cuesta bastante trabajo. ☺

Jaime Trujillo Escobedo dice...

zAcO-33, claro que sí se puede. ^_^

Mejor lo explico en una entrada, será más fácil. =)

SaludosS! ☺

wwe-cv dice...

y se pueden poner imagenes

Jaime Trujillo Escobedo dice...

wwe-cv, ¿te refieres a que una imagen actúe como botón, o que el botón muestre una imagen al pulsarlo?

wwe-cv dice...

al pulsar el boton de abrir que salga una imagen

Jaime Trujillo Escobedo dice...

wwe-cv, atento a la entrada. Ha sido actualizada ;).

Javierlota dice...

Muy bueno Jaime.

Que bien sin poner códigos en la plantilla.

Jaime Trujillo Escobedo dice...

Exácto, Javierlota, tan solo será necesario pegar el código en una entrada.

FLVP dice...

Bueno muchacho, en mi opinion no deberias dar por finalizada esta bitacora, piensa que hay muchas maneras de rentabilizar un blog, no hagas que tu esfuerzo de tantos haya sido en vano, animos y sigue para adelante veo que tienes muchos seguidores y eso es bueno

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo