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

12 comentarios:

  1. Wow, se ve padre y util este reloj, ojala en alguna situacion lo pueda poner en mi blog.

    ResponderEliminar
  2. Pues estáte atenta Andrea, porque próximamente verás este reloj en este blog informando de algo jajaja. ¡Top secret! Un saludo, gracias por comentar.

    ResponderEliminar
  3. De acuerdo, pero espero que sea pronto lo que vas a informar jejeje, ¡¡¡Un Saludo!!!

    ResponderEliminar
  4. Ya tienes la cuenta atrás debajo del título... Concretamente la cuenta atrás es hasta el día 1/12/09. ¡Ya no doy más pistas!

    ResponderEliminar
  5. He conseguido poner la cuenta atrás en mi blog pero los días salen mal. Quiero que empieze la cuenta atras desde hoy hasta el 30/01/2010 que es lo que le e puesto y me sale que faltan 866 días!! Cual puede ser el problema?? Gracias

    ResponderEliminar
  6. Hola!, woow primero decirte que ME ENCANTA TU BLOG! a ciudad blogger ya le dije que junto a tí vosotros dos erais los mejores (para mí)
    bueno, aquí va mi duda:
    verás mi blog trata sobre Harry Potter, (ya puedes verlo solo con observar mi "mote")jajaja y bueno, quería saber si se podría añadir un fondo, yo creo que sí, pero no sabría exactamente el código, si sabes...por favor, hazmelo saber...=) o por lo menos decirme si se puede cambiar la font... eso es todo y...gracias de antemano! =D

    ResponderEliminar
  7. @Alicia. Hola, bienvenida, gracias por comentar. Revisa la explicación que di a TargetDate. La fecha la deberás poner con esta estructura: 01/20/2010. Primero van los días, luego el mes y finalmente el año.

    @Potter. Gracias por tus palabras. Es un honor para mí. Respecto a lo de cambiar el fondo aquí tienes Añadir un fondo al blog (por favor, la próxima emplea el buscador :P)

    ResponderEliminar
  8. Hola!

    Gracias por el Sript, es muy sencillo, bonito y funcional.
    Solo una pregunta, es que necesito poner 2 relojes con cuentas regresivas, y he hecho lo siguiente:

    /* Widget */
    ► Codigo de la primera cuenta
    ► Llamada al Script

    /* Fin Widget */

    /* Widget 2 */
    ► Codigo de la segunda cuenta
    ► Llamada al Script

    /* Fin Widget 2 */

    Así no funciona, y tambien probe lo siguiente:

    /* Widget */
    ► Codigo de la primera cuenta
    ► Codigo de la segunda cuenta
    ► Llamada al Script

    /* Fin Widget */

    Y así tampoco funciona.

    ¿Sabes cómo deberia ordenarlos de tal modo que me funciones ambas cuentas atras?
    Un saludo cordial :)

    ResponderEliminar
  9. Como puedo hacer para añadirle yo mi propio fondo? Me ha servido mucho de ayuda. muchas gracias!

    ResponderEliminar
  10. HOLA! NO SE PORQUE NO ME SALE, HE SEGUIDO LOS PASOS HACIENDO LAS MODIFICACIONES Y NADA...
    http://cuetofemenino.blogspot.com/

    ResponderEliminar
  11. Grcias por el contador
    ¿No se puede usar uno para solo minutos y segundos? Gracias

    ResponderEliminar