Cómo poner un reloj con cuenta atrás en tu blog

Si quieres poner un reloj de cuenta atrás en tu blog de blogger, deberás seguir los siguientes pasos:

1) Vamos a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript
5) En HTML/Javascript pegamos el siguiente código:

---

<script language="JavaScript">
TargetDate = "12/31/2009 12:00 AM UTC+0100";
BackColor = "palegreen";
ForeColor = "navy";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Días, %%H%% Horas, %%M%% Minutos, %%S%% Segundos.";
FinishMessage = "¡Feliz año 2010!";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>

---

Modificaciones que podemos hacer:

---

Targetdate: aquí colocamos la fecha que queramos. Si ponemos la fecha que he puesto yo, la cuenta atrás contará el tiempo que resta hasta fin de año. AM hace referencia a "ante meridiam" y significa momentos del día antes del mediodía (12:00). PM hace referencia a "post meridiam" y significa momentos del día después del mediodía. Por lo que podremos jugar con el AM y PM según nuestras necesidades. El script de por sí esta hecho bajo la franja horaria española. Si no eres español tendrás que quitar UTC+0100 y sustituirlo por la franja horaria de tu país. Si por ejemplo eres argentino tendrás que poner UTC-0300 ... si eres mexicano UTC-0600... y así sucesivamente.

Backcolor: hace referencia al color de fondo del reloj. Cámbialo por el color (en inglés) que tú quieras.

Forecolor: hace referencia al color de las letras.

FinishMessage: aquí puedes introducir el mensaje que desees.

---

Ejemplo:

---

Nota: Si lo deseas también puedes pegar el script en una entrada

---

Código extraído de hashemian.com