sábado, 14 de junio de 2014

¿Cómo crear un reloj de cuenta regresiva en Blogger?

Por: Erick Miranda P. - Docente de la UNACHI y colaborador de Aumentaty.
Para crear un reloj de cuenta regresiva en un blog podemos utilizar un par de líneas de código fuente del lenguaje de programación JavaScript, el autor de dicho código es Robert Hashemian (www.hashemian.com/).

Código fuente para crear un reloj de cuenta regresiva en Blogger:

<script language="JavaScript">
TargetDate = "12/25/2014 12:00 AM";
BackColor = "white";
ForeColor = "black";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Días, %%H%% Horas, %%M%% Minutos, %%S%% Segundos.";
FinishMessage = "Feliz Navidad 2014, muchas bendiciones a todas y todos";
</script>
<script language="JavaScript" src="https://sites.google.com/site/aprendizajeticpanama507/countdown.js?attredirects=0&d=1"></script> 

El código fuente anterior lo puede agregar a su blog en una nueva entrada (Figura 1) o en la opción Diseño mediante un gadget (HTML/Javascript).

A manera de información el código Javascript principal (countdown.js) se encuentra hospedado en  https://sites.google.com/site/aprendizajeticpanama507/ y también en el sito web del autor: http://scripts.hashemian.com/js/countdown.js

En el código fuente (ejemplo) podemos observar en la última línea que se redirecciona al sitio web: https://sites.google.com/site/aprendizajeticpanama507/countdown.js?attredirects=0&d=1


Figura 1: Agregar código fuente en una nueva Entrada (Post) en la opción (botón) HTML.
Ejemplo de un reloj de cuenta regresiva en Blogger:

Para la Navidad 2014 faltan: