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.
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.
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.
Me ha encantado, ya lo he instalado. Muchas gracias por tan buen aporte Jaime.
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.
Amigo Jaime, gracias por el aporte. Como siempre:Muy preciso. Ya lo implementé en uno de mis blog y queda estupendo. Nuevamente gracias.
Lara, ofrecértelo ha sido un placer. ¡Disfrútalo!
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!
Gracias a ti, José Pinto. Espero que esta nueva aplicación te facilite el trabajo al tener que incluir tu información personal.
Es muy bonito Jai!!
gracias!!una preguntita es posible cambiar el color??
¡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.
,muy buen aporte
: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!
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!
Muy buena esta aplicacion Jaime, lo unico el color no pega con mi blog, pro vale la pena. Gracias
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!
Hola Jaime, mucho gusto.Descubri tu blog recientemente y me encanta...¡Saludos!
¡Bienvenida Sweet Muse! Espero que encuentres lo que deseas aquí en El Balcón. ¡Un abrazo!