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.
¿Problemas al comentar? Utiliza 
Jeje, supongo que esto da buena interactividad con los visitanes y es original....
Saludos Jaime
Así es GuillermoVM, y yo creo que a más de uno de nosotros nos ayudará un poquito jajajaja ;).
jaime no entiendo muy bien al post
¿el texto se mostrara cada vez que entre al blog?
Esta muy bueno ! ;)
Me encantó, mi blog está lleno de cosas que vos inventaste o que me enseñaste.
Gracias.
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 ;).
Ybarra Sebastian, te ha quedado perfecto, justo debajo de la ciudad :D.
¡Me haces sentir orgulloso Pilot! Gracias a tí por usar mis truquitos y comentar :P.
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 :)
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.
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
Andale se ve muy mono! *-* A darle uso!
Un saludo y gracias por tus aportes, son mega mega utiles.
luciernagadeluz, comenta lo que necesites o envíame tus mensajes. Todas tus dudas y preguntas serán respondidas ;).
•·.·')TAMA(`·.·• es estupéndo que te guste.
Me gusta leer eso ;).
Hola,me encanta tú balcón tiene cosas más que interesantes.-
un besote argentino y gracias
Me ha encantado leer eso pili.gauchita ;) y... ¡Bienvenida! ☺
Gracias a tí por comentar.
¡Un abrazo español!
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.
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.
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
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.
Gracias Jaime, como siempre un éxito !!!!
Un abrazo,
Marga
Marga, Te ha quedado maravilloso con ese color gris y la fuente Bradley Hand ITC :D.
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
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!
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
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.
Gracias por tu respuesta. Hoy sin falta lo probaré.
Saludos
Ya me contarás varech. ¡Suerte!
Hola Jaime.
¡¡ Cada día estoy más enganchada a tu blog¡¡
Es alucinante todo lo que sabes y nos enseñas.
Besos
¡¡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 ;).
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??
Chuchi, podrías probar añadiendo cuatro columnas bajo la cabecera de manera que colocar gadgets bajo tu logotipo sea posible ;).
¡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.
Perfecto entonces, Driwrgy. Gracias a ti por comentar.