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.

Un widget "Perfil desplegable" para tu blog

Es muy probable que en tu blog dispongas de un apartado en el que incluyes datos personales, una breve descripción de ti o simplemente una fotografía. Además, blogger nos ofrece un gadget denominado "Perfil" ideal para esto mismo.

Basándome en dicha herramienta he querido idear un nuevo widget, un elemento que despliega tu información al pulsar un botón, tal y como puedes ver en esta imagen:


¿Lo mejor de todo? la facilísima instalación que conlleva.


Diseño>Edición de HTML>expandimos artilugios


Busca la etiqueta </head> en tu plantilla y añade esto encima:

<script type='text/javascript'>
function blcnperf1(blconted) {
var c=blconted.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>
<link href='https://sites.google.com/site/scriptsbalcon/b/blcnperf.css' media='all' rel='stylesheet' type='text/css'/>

Guarda la plantilla.

Diseño>añadir gadget (elemento de página)>html-javascript



Pega el código:

<a onclick="return blcnperf1(this);" style="cursor: hand; cursor: pointer;"><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT_MoLDoU-oR6JZoHlfGZNmKiULQvxKB_zwcR8aboVpVDOfUX34n0qE4GlRl18O8iJU6r6wV6Qbh-Wa1xW99jk9daX9vV2skawH9Fd9N-ghMx_WPOmElwuFXHGYAmZF9BvaUY1GBmaR444/s320/blmiprf.png" /></center></a><div style="display: none;">
<div id="blcn1"><img src="URL DE TU FOTO" />
<span id="balcneleM">Nombre:</span>TU NOMBRE
<br /><span id="balcneleM">Sexo:</span>TU SEXO
<br /><span id="balcneleM">Profesión:</span>TU PROFESION
<br /><span id="balcneleM">Ubicación:</span>TU UBICACION
<br /><span id="balcneleM">Intereses:</span>TUS INTERESES
</div>
</div>

Ahora tan solo necesitas rellenarlo. Para ello, sustituye las frases en color verde con tus datos personales y guarda el gadget una vez hayas terminado.

Ten en cuenta que puedes incluir una fotografía por lo que deberás reemplazar URL DE TU FOTO con la dirección de la imagen que previamente hayas alojado en blogger o en algún otro servicio.

Si deseas añadir más campos de texto, utiliza líneas como esta (insértalas siempre antes de los cierres </div> y </div>):

<br /><span id="balcneleM">Intereses:</span>TUS INTERESES

Ahora, tan solo disfruta de tu nuevo widget.

Lara dice...

Me ha encantado, ya lo he instalado. Muchas gracias por tan buen aporte Jaime.

FledoR dice...

Hola Jaime. Lo he puesto en mi blog y queda muy bien pero le añadi una nueva linea: la fecha de nacimiento. Ahora si esta completisimo. Lo dicho, muy agradecido por tu magnífico truco.

José Pinto dice...

Amigo Jaime, gracias por el aporte. Como siempre:Muy preciso. Ya lo implementé en uno de mis blog y queda estupendo. Nuevamente gracias.

Jaime Trujillo Escobedo dice...

Lara, ofrecértelo ha sido un placer. ¡Disfrútalo!

Jaime Trujillo Escobedo dice...

FledoR, yo también pensé en agregar dicho apartado pero no sé... quizás haya personas a las que no le guste mostrar su edad. ¡Saludos!

Jaime Trujillo Escobedo dice...

Gracias a ti, José Pinto. Espero que esta nueva aplicación te facilite el trabajo al tener que incluir tu información personal.

Cocina dice...

Es muy bonito Jai!!
gracias!!una preguntita es posible cambiar el color??

Jaime Trujillo Escobedo dice...

¡Me alegra que te guste Clau!

Es posible editar el color de fondo del recuadro pero no el del botón ya que se trata de una imagen y para ello deberías construir otro.

Para editarlo, debes descargar el script que contiene el CSS y reemplazar el código hexadecimal #F5EDE3 de la línea background:#F5EDE3; por otro (utiliza la tabla de colores).

Después, bastará con subir el script a un alojamiento propio como puede ser Google sites.

Juan Duque Oliva dice...

,muy buen aporte

miguelangelgc dice...

:D Muy bueno tu aporte. Ya lo incluí en mi blog. Espero que me sea de utilidad, también aproveché el tu comentario de google sities je,je.

¿Para hacer una página de alguna "empresa" es más recomendable un sities de google o un blog?

Saludos!

Jaime Trujillo Escobedo dice...

Eso espero Miguel Ángel. Bueno, sinceramente yo te recomendaría blogger ya que tienes muchísima libertad al editar y personalizar la 'web' e incluso puedes comprar un dominio propio por tan solo 9 euros.

Además, cuentas con muchos recursos para utilizar en tu sitio e incluso puedo ayudarte en lo que necesites (mientras que con google sites no tengo tanta confianza). ¡Saludos!

Alex494 dice...

Muy buena esta aplicacion Jaime, lo unico el color no pega con mi blog, pro vale la pena. Gracias

Jaime Trujillo Escobedo dice...

Alex494, yo diría que pega bastante ya que los enlaces de tu blog son azulados y el color al pasar el cursor por encima es rojo (en una tonalidad que conjunta muy bien con el marrón claro).

Me alegra que te haya gustado. ¡Saludos!

Anónimo dice...

Hola Jaime, mucho gusto.Descubri tu blog recientemente y me encanta...¡Saludos!

Jaime Trujillo Escobedo dice...

¡Bienvenida Sweet Muse! Espero que encuentres lo que deseas aquí en El Balcón. ¡Un abrazo!

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