Javascript

Cómo ver el Tiempo como título en la pestaña de tu explorador de internet

Tiempo como título en la pestaña de tu explorador de internet

Anteriormente dije, “es muy cierto, existen plugins para ser utilizados en ciertas plataformas y también que tu dispositivo o PC te puede brindar la fecha y hora, pero si deseas que estas se presenten en un gadget de blogger o donde desees, puedes buscar y disponer de códigos para editarlos a tu conveniencia”.

Por eso, en esta ocasión, te traigo un código que muestra la fecha y hora como título en la pestaña del navegador de internet, tal como se aprecia en la imagen.

Si a lo mejor no le encuentras utilidad, otros pueden requerirlo porque quizás tienen un blog o un sitio en el que muestran información relacionada con el tiempo y es muy probable que deseen adicionar ciertos toquecillos para hacer más informativa su presentación, depende entonces de quien lo requiera.

El código es el siguiente:

Leer más... Clic aquí »

Cuenta regresiva hacia una fecha. ¿Cómo hacerla?

Cuenta regresiva hacia una fecha

Está próxima una fecha importante y mediante un mensaje deseas hacer referencia del tiempo faltante hasta llegar a ella.

El aniversario de creación de tu sitio, el día en que piensas realizar un sorteo o concurso, la navidad, fin de año, cualquier fecha puede ser importante y deseas destacar el tiempo que falta para celebrarla.

Para esto, puede ser que requieras un contador regresivo hasta la fecha que deseas citar. En un gadget de blogger u otro tipo de plataforma, puedes disponer un mensaje que haga referencia del tiempo que falta.

Como ejemplo, las líneas de código se han configurado, para que se estime el tiempo faltante para llegar al día de Navidad 2018. No obstante, puedes editarlas según tus requerimientos.

El código es el siguiente:

Leer más... Clic aquí »

Fecha y hora en el sitio. ¿Cómo visualizarla?

Fecha y hora en el sitio

Si tienes un blog o un sitio en el que muestras información relacionada con el tiempo, es muy probable que desees adicionar ciertos toquecillos para hacer más informativa su presentación.

Es muy cierto, existen plugins para ser utilizados en ciertas plataformas y también que tu dispositivo o PC te puede brindar la fecha y hora, pero si deseas que estas se presenten en un gadget de blogger o donde desees, puedes disponer de los códigos y además editarlos a tu conveniencia.

Ejemplo de esto, es que puedas ver la fecha y hora tal como lo muestro en la barra lateral, aunque puedes estar requiriendo alguna otra aplicación, como hacer una cuenta regresiva hacia una fecha o inclusive mostrar el tiempo como titulo en la pestaña del explorador.

Fecha

El código para presentar la fecha en español es el siguiente:

Leer más... Clic aquí »

Cómo desactivar botón derecho del mouse con Javascript

Como dije en otro post, cuando se trata de hacer cosas con mal proceder, siempre hay quienes se las ingenian, de tal manera que el contenido de tu página puede ser copiado o examinado aunque sea de manera limitada en su estructura.

Por eso puede ser que necesites desactivar el botón derecho del mouse, para que no se presente el menú contextual disponiendo sus múltiples opciones.

El código es muy sencillo y puedes insertarlo de varias maneras.

Incluyéndolo dentro de la etiqueta <body>, sería así:

Leer más... Clic aquí »

Presentar mensaje de copyright cuando copian contenido de tu web

Mensaje de copyright cuando copian contenido de tu web

Es cierto, quizás la temática es algo trivial, pero para los que busquen como proteger de alguna manera su información, le puede servir implementar este código.

Cabe indicar que cuando alguien (un copión) quiere copiar algo de tu contenido, siempre podrá encontrar maneras en las que te pueda copiar algo de lo que publicas. Sin hacer cita de tu sitio, con descaro y en muchos casos dándose el crédito por la publicación que en realidad tú hiciste.

Presentar mensaje de copyright cuando copian contenido de tu web

Dado el caso de mal proceder (el de los copiones), puedes añadir una referencia de Copyright al texto que te copien. Para esto, puedes utilizar el siguiente script, el mismo que funciona muy bien si lo insertas antes de la etiqueta </head>.

El código es el siguiente:

Leer más... Clic aquí »

Insertar redirección a otro sitio según la hora con javascript

Que tal, en esta ocasión te muestro solo una imagen significativa que representa un direccionamiento, caso contrario no podrías ver el texto de esta entrada.

Te presento un código que bien podrías insertarlo en el cuerpo de una página, para que cuando la visiten puedas redireccionar a otra página según la hora del día.

El código es el siguiente:

Leer más... Clic aquí »

Insertar imagen en el sitio según la hora con javascript

...

Semejante a la referencia del post “Insertar saludo en el sitio según la hora con javascript”, puedes utilizar un código algo similar para presentar una imagen en el sitio según la hora.

Por ejemplo, habrás notado que en la línea inicial de esta entrada te estoy saludando, pero ahora estoy usando una imagen (Buenos días, Buenas tardes o Buenas noches). No obstante, tú puedes insertar el código donde lo requieras y disponer la imagen que desees.

Además, puede aprovecharse la disposición de la imagen para poder definir un vínculo a otro sitio de la web.

El código es el siguiente:

Leer más... Clic aquí »

Efecto nieve para tu página o el blog

En ciertas ocasiones, sobre todo en temporada navideña, de pronto deseas destacar la presentación de tu blog o la página en la que requieras que se presente un efecto tal como si estuviera nevando.

Para el efecto te facilito el siguiente código en javascript, que espero cumpla las expectativas de lo que requieres.

Necesitas una imagen, la cual te aconsejo de preferencia que sea tipo png, con transparencia en el fondo para evitar que se vea el típico formato de cuadro.

Las instrucciones en el código están modificadas para en caso de que tengas un blog, por ejemplo en Blogger (2017), puedas colocarlo dentro de un gadget. Colocado en un gadget no se presenta ningún problema en la presentacion de la imagen que deseas presentar como nieve, aquí es más fácil y no tienes que tocar la plantilla.

El código es el siguiente:

Leer más... Clic aquí »

Insertar texto en el sitio según la hora con javascript

...

Es cierto que nuestro computador nos puede mostrar la hora y por ello podemos saber si es mañana, tarde o noche, pero si deseas mostrar un saludo como parte de la presentación que hace tu página para con sus visitantes, puedes insertar el siguiente código en javascript, para que puedas saludar dependiendo de la hora en que se realiza la visita.

Por ejemplo, habrás notado que en la línea inicial de esta entrada te estoy saludando, pero tú puedes insertar el código donde lo requieras.

El código es el siguiente:

Leer más... Clic aquí »

Texto parpadeante (Blinking Text) con Javascript

....
Quizás lo veas pasado de moda o para muchos se torne un poco molesto el parpadear de un objeto en la pantalla, pero si deseas llamar la atención puedes insertar este texto en algún lugar de tu sitio.

Podrías darle un formato un poco discreto o hacerlo verdaderamente llamativo si modificas un poco el código.

El codigo es el siguiente:

Leer más... Clic aquí »

Cita aleatoria (Random Quote) con Javascript

...

Seguro ya te diste cuenta que en la línea superior se muestra un mensaje de texto (cita) con color verde.

Si actualizas la página es muy probable que veas que el texto cambiará… y si vuelves a hacerlo cambiará nuevamente.

Este código te puede servir si deseas como dice el título, presentar una cita aleatoria para cada vez que ingrese un visitante a tu sitio.

El código es el siguiente:

Leer más... Clic aquí »

Letras saltantes (Jumping letters) con javascript

…

Seguro ya te distes cuenta que en la línea superior se muestra el texto "Letras saltantes con Javascript" con una animación de movimiento como de tipo “ola”, “gusano” o como la desees identificar.

Este efecto lo podemos lograr utilizando la lógica de hacer saltar las letras de manera secuencial.

Aunque a ciertas personas les pueda parecer un poco molesto, también es cierto que te podría servir para llamar la atención hacia algún espacio dentro de tu página.

El código es el siguiente:

Leer más... Clic aquí »

Pantalla con color de fondo aleatorio.

Pantalla con color de fondo aleatorio.
Si actualizas esta entrada verás que cambia el color de fondo de pantalla, entre 5 diferentes tonalidades, rojo, verde, azul, negro y blanco de manera aleatoria.

Si utilizas blogger u otra plataforma que lo permita, podrías insertarlo dentro de una entrada como en este caso para que solo cambie cuando se ingrese en dicha entrada, caso contrario puedes colocarla dentro de un gadget para que cambie en cada entrada sin necesidad de tocar la plantilla.

El código es el siguiente:

Leer más... Clic aquí »