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.

Mostrar el momento del día en el que te encuentras en tu blog

Se me ocurrió hacer un script que se asemejara a un reloj pero en lugar de que se mostrasen las horas, que apareciese una frase comunicando el momento del día en el que nos encontramos, por ejemplo, si estás viendo un blog por la tarde, que el script mostrara una frase diciendo: ¡Buenas tardes!

Por suerte lo conseguí y ya puedes insertarlo en tu blog.

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






Pega el script:

<div id="momentodia" style="color: #000000; font-size: 14px; font-family: arial;"/>
<script language="JavaScript">
<!--

document.write("<dl><dd>")
day = new Date()
hr = day.getHours()
if ((hr==1)||(hr==2)||(hr==3)||(hr==4) || (hr==5))
document.write("No te vas a dormir?")
if (((hr==6) || (hr==7) || (hr==8) || (hr==9) || (hr==10))
|| (hr==11)) document.write("Buenos días!")
if (hr==12) document.write("Comemos algo?")
if ((hr==13) || ((hr==14) || (hr==15) || (hr==16)) || (hr==17)) document.write("Buenas tardes!")
if ((hr==18) || (hr==19)) document.write("La tarde llega a su fin!")
if ((hr==20) || (hr==21) || (hr==22)) document.write("Buenas noches!")
if (hr==23) document.write("Ya es medianoche!")
if (hr==0) document.write("Es mañana!")
document.write("</dl>")
//--->
</script></div>

Deja que te explique un poco el código...

if ((hr==1)||(hr==2)||(hr==3)||(hr==4) || (hr==5)): son las horas (en cada caso son diferentes), que, como puedes ver en esta línea, indican las horas de sueño: por la noche.

En este otro caso: if ((hr==18) || (hr==19)) puedes ver como se trata de la tarde (a partir de las 6:00 hasta las 7:00).

Puedes configurar tu propio horario, tendiendo en cuenta las horas que ya has escrito (¡no las repitas!) y así escribir tus propias frases.

En cada apartado he escrito una frase (resaltadas en verde) conforme a las horas. Puedes cambiarlas y escribir algo personal si lo deseas.

Para modificar el estilo del texto, atiende a las siguientes propiedades:

color: #000000; Esto es el color del texto (#000000). Puedes modificarlo usando la tabla de colores.

font-size: 14px; Este es el tamaño del texto (14px). Incrementa o disminuye el valor para agrandar o encoger las frases.

font-family: arial; Este es el tipo de fuente (arial). Puedes sustituirlo por otras fuentes como Trebutchet, Comic Sans MS, Serif...

Cuando hayas terminado de modificar el código, guarda el gadget y colócalo en el lugar que desees.

Inmortal dice...

Jeje, supongo que esto da buena interactividad con los visitanes y es original....

Saludos Jaime

Jaime Trujillo Escobedo dice...

Así es GuillermoVM, y yo creo que a más de uno de nosotros nos ayudará un poquito jajajaja ;).

Anónimo dice...

jaime no entiendo muy bien al post

¿el texto se mostrara cada vez que entre al blog?

SYSMEDESIGN dice...

Esta muy bueno ! ;)

Pilot dice...

Me encantó, mi blog está lleno de cosas que vos inventaste o que me enseñaste.
Gracias.

Jaime Trujillo Escobedo dice...

wwe-cv, cada vez que entren al blog, tus visitantes verán una frase, en relación al momento del día en el que estén navegando.

Esta frase se coloca en un elemento html-javascript que puede ponerse en la sidebar (barra lateral) por ejemplo y la frase aparecerá en la barra lateral ;).

Jaime Trujillo Escobedo dice...

Ybarra Sebastian, te ha quedado perfecto, justo debajo de la ciudad :D.

Jaime Trujillo Escobedo dice...

¡Me haces sentir orgulloso Pilot! Gracias a tí por usar mis truquitos y comentar :P.

Kassiopea. dice...

Pues es original, igual lo pruebo un día de estos. Me gusta porque explicas las cosas de forma que los que no tenemos ni idea lo entendemos.

Lo que te consulté el otro día ya está hecho. Gracias :)

Jaime Trujillo Escobedo dice...

Kassiopea, ¡Genial! jajaja ☺. Pienso que explicarlo paso a paso y ayudándome de imágenes hace que podáis implementar el truco de forma rápida y sencilla (y que vayáis aprendiendo cosillas nuevas) ;).

Me alegro mucho, si necesitas cualquier otra cosilla sólo tienes que decírmelo.

Deray dice...

Jaime voy a tener que hablar contigo hay tantas cosas que quiero poner y no consigo hacerlo,esta idea tambien me encantó es muy original. Un beso grande

*-* dice...

Andale se ve muy mono! *-* A darle uso!

Un saludo y gracias por tus aportes, son mega mega utiles.

Jaime Trujillo Escobedo dice...

luciernagadeluz, comenta lo que necesites o envíame tus mensajes. Todas tus dudas y preguntas serán respondidas ;).

Jaime Trujillo Escobedo dice...

•·.·')TAMA(`·.·• es estupéndo que te guste.

Me gusta leer eso ;).

Pilar-Rosario dice...

Hola,me encanta tú balcón tiene cosas más que interesantes.-
un besote argentino y gracias

Jaime Trujillo Escobedo dice...

Me ha encantado leer eso pili.gauchita ;) y... ¡Bienvenida! ☺

Gracias a tí por comentar.

¡Un abrazo español!

Francisco Pose dice...

Jaime me gustó mucho el script y lo puse en mi blog pero no se ve centrado ni colocando el código de center ¿qué es lo que hice mal?
Saludos.

Jaime Trujillo Escobedo dice...

Francisco Pose, no hiciste nada mal. Simplemente tienes que agregar <center> y </center> al principio y al final del script.

De esa forma la frase aparecerá centrada.

Marga dice...

Hola Jaime !!!!

De nuevo por aquí, he estado unos días desconectada y me he perdido muuuuuuchas cosas ...

Acabo de probar este "truqui" y como siempre perfecto !!!!, pero para "rizar el rizo" quería preguntarte si puedo cambiar el tamaño y el color del texto ???

Gracias !!!!

Marga

Jaime Trujillo Escobedo dice...

Marga, ¡Otra vez por aquí! Genial!!! :P.

Por supuesto que es posible cambiar el color y el tamaño del texto, así como la fuente.

He modificado la entrada para que veas como hacerlo.

Marga dice...

Gracias Jaime, como siempre un éxito !!!!

Un abrazo,
Marga

Jaime Trujillo Escobedo dice...

Marga, Te ha quedado maravilloso con ese color gris y la fuente Bradley Hand ITC :D.

varech dice...

Hola:quiero darte las gracias, porque me has ayudado muchísimo a confeccionar mi blog.
Todo me va saliendo bien, pero me es imposible centrar este gadget, que me encanta.
Un abrazo desde el mirlo.
El mirlo de papel

Jaime Trujillo Escobedo dice...

Varech, para centrar el texto agrega lo que ves en negrita a esta línea:

<div id="momentodia" style="color: #000000; font-size: 14px; text-align: center; font-family: arial;"/>

¡Abrazos!

varech dice...

Gracias, Jaime. Voy a probarlo.
Es que me ha pasado una cosa muy rara: ya que no lo podía centrar, he pensado que mejor ponerlo a la izquierda, y cuando lo he hecho, entonces ha aparecido centrado:O

Jaime Trujillo Escobedo dice...

varech, entonces puede que esté relacionado con el márgen de los gadgets en tu sidebar (barra lateral). Prueba este método de todas formas por si el resultado es correcto.

varech dice...

Gracias por tu respuesta. Hoy sin falta lo probaré.
Saludos

Jaime Trujillo Escobedo dice...

Ya me contarás varech. ¡Suerte!

Fuentecillas dice...

Hola Jaime.
¡¡ Cada día estoy más enganchada a tu blog¡¡
Es alucinante todo lo que sabes y nos enseñas.
Besos

Jaime Trujillo Escobedo dice...

¡¡Hola Fuentecillas!! No sabes lo que me alegra oir eso. Es maravilloso saber que el trabajo de horas ayuda a tantos bloggeros y bloggeras.

Abrazos amiga ;).

Chuchi Gonzalez dice...

Hola Jaime! Oooooootra vez soy yooo, jajaja, mira me encantan todos los trucos, pero muy pocos logro activarlos, ahora este del momento del día me ENCANTOOOOO, pero ¿qué crees?, no sé donde ponerlo, porque me pasa con mi plantilla que los espacios dónde ahora puedo poner los gadget son muy abajo, no sé como ampliar los espacios, en la cabecera no puedo poner nada porque se altera la configuración de la imagen del post de las páginas y o de los post recientes. ¿Qué puedo hacer??

Jaime Trujillo Escobedo dice...

Chuchi, podrías probar añadiendo cuatro columnas bajo la cabecera de manera que colocar gadgets bajo tu logotipo sea posible ;).

Driwrgy dice...

¡Qué chula esta aplicación! Estoy deseando ponerla también en funcionamiento aunque como en la anterior, tendré que esperar para cambiar mi confi para tener acceso a la tabla de colores. Gracias Jaime por tu dedicación. Bss.

Jaime Trujillo Escobedo dice...

Perfecto entonces, Driwrgy. Gracias a ti por comentar.

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