Reloj de cuenta regresiva

26 de junio de 2009 232 comentarios ,
Colocar un reloj de cuenta regresiva puede servirte para crear espectativa ante un evento, ya sea una fecha importante, el final de un concurso, el lanzamiento de un proyecto, etc.
Sólo necesitas abrir un elemento HTML/Javascript y pegar ahí lo siguiente:
<script language="JavaScript">
TargetDate = "12/31/2012 11:59 PM";
BackColor = "white";
ForeColor = "black";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Días, %%H%% Horas, %%M%% Minutos, %%S%% Segundos.";
FinishMessage = "Feliz año nuevo!!!";
</script>
<script language="JavaScript" src="http://ciudad-blogger.googlecode.com/files/countdown.js"></script>


La fecha debe ir así, primero el mes, luego el día, el año y por último la hora en formato de 12 horas.
Ahora sólo cambia los siguientes datos:
TargetDate Fecha y hora en la que finaliza el contador
BackColor Color de fondo
ForeColor Color de la letra
FinishMessage Mensaje que se muestra al finalizar el conteo

Guarda los cambios y arrastra el contador donde quieras.


232 comentarios en:

" Reloj de cuenta regresiva "

  1. Siempre me pregunté cómo habías puesto esa cuenta regresiva para el concurso de dominio. Ahora ya lo se! jajaja.

    Un abrazo!!!

    ResponderEliminar
  2. Ya me habían preguntado pero siempre olvidaba publicarlo =P
    Gracias por pasar.

    ResponderEliminar
  3. Potro...muy buena la entrada me facina...La verdad que yo tambien me preguntado lo mismo.y ahora y lo tengo aki...Abrazo...

    ResponderEliminar
  4. Hola HP muggle,
    Qué bueno que te haya servido.
    Saludos.

    ResponderEliminar
  5. Gracias!! ese codigo lo estuve buscando hace tiempo y no encontraba nunca uno que me fuera del todo bien para lo que buscaba.
    Ahora ya no me hace falta, pero esta bien tenerlo localizado por si otra vez hace falta. Gracias!

    ResponderEliminar
  6. Hola distribuidor de fuentes,
    Me da gusto que aquí hayas encontrado la solución.
    Saludos.

    ResponderEliminar
  7. Hola, acabo de buscar unos cuantos minutos por internet y encontré éste código que quería colocar en mi web.
    Muchas Gracias!

    Ahora quisiera saber cómo puedo hacer para hacer las letras y/o números más grandes.

    Saludos!

    ResponderEliminar
  8. Hola Sergio Vergara,

    Usa este código:

    <style><!--
    #countdown{font-size:20px;}
    -->
    </style><div id="countdown">

    AQUÍ VA EL CÓDIGO

    </div><div class="clear"/></div>

    Donde dice font-size:20 es el tamaño de la fuente.

    Saludos.

    ResponderEliminar
  9. Feleicitaciones siempre tienes lo que necesito
    Adriana

    ResponderEliminar
  10. Hola Adriana,

    Qué gusto que encuentres aquí lo que necesitas.
    Saludos.

    ResponderEliminar
  11. Matias, revisa que hayas puesto bien el código.

    ResponderEliminar
  12. como se hace para cambiarle la fuente??

    ResponderEliminar
  13. Hola GiseUsh,

    Encierra el código entre <span style="font-family:Arial;"> y </span>

    Cambia donde dice Arial por la fuente que quieras.
    Saludos.

    ResponderEliminar
  14. Me encantaria saber como poner un reloj de cuenta regresiva con una imagen personalizada, lo he visto en algun blog pero no se como hacerlo. Un saludo.

    ResponderEliminar
  15. Podrías usar este contador, luego buscas en tu plantilla la ID del elemento donde lo pegaste, por ejemplo HTML3
    Y luego antes de ]]></b:skin> pega lo siguiente:

    #HTML3 {
    background: url(URL de la imagen);
    }

    En este caso dice #HTML3 suponiendo que esa sea la ID del elemento pero tú deberás poner la ID correspondiente.
    En la URL de la imagen coloca la dirección web de la imagen.

    Saludos.

    ResponderEliminar
  16. No me funciona,pone algo así:
    NaN Dias,NaN Horas,NaN Minutos,Nan Segundos

    La fecha que he puesto es el 20 de Enero de 2010.

    Y yo lo he puesto así:
    TargetDate = "01/20/2010 19:00 PM"

    ResponderEliminar
  17. Estás poniendo la hora en formato de 24 horas y debe ser en formato de 12 horas. El lugar de poner 19:00PM pon 07:00PM

    Saludos.

    ResponderEliminar
  18. Hola! El codigo no me funciona, puse el dia de hoy que termine a una hora especifica asi: "03/7/2010 09:00 PM"
    y dice que faltan como 3000 dias!! nose que le pasa.
    Saludos! aa quisiera saber como hago para poner fecha y hora a el blog con un estilo asi bien simple. Saludos!

    ResponderEliminar
  19. Debes estar poniendo mal algún dato con la fecha, revisa que el mes y el día estén en el lugar indicados.
    Para la fecha y hora no sé, hay varios gadgets en la red que hacen eso.

    Saludos.

    ResponderEliminar
  20. Lo acabo de poner en el blog y ha quedado de maravilla, muchas gracias :D

    ResponderEliminar
  21. Es muy interesante, siempre son buenos aportes y estoy muy agradecido

    ResponderEliminar
  22. Gracias por tus amables comentarios.

    ResponderEliminar
  23. Hola Potro!
    En realidad buscaba otra aplicaición, pero aquí en la búsqueda encontré esta entrada.
    Necesito colocar fecha, hora, mes, año actuál en mi sitio, Tienes idea de como hacerlo?

    Gracias!

    ResponderEliminar
  24. Hola Adrián,

    Ya tengo programada esa entrada, en estos días se publica.
    Saludos!

    ResponderEliminar
  25. Potro amigo,gracias por tu pots ,son muy buenos y siempre qyudan.Como hago para modificar el contador de visitas (si se puede,claro) ya que el blog de blogia eliminaron las estadisticas y perdi mas de 6000 visitas..disculpa la pregunta,soy nuevo

    ResponderEliminar
  26. Hola Gustavo Hidalgo,

    Hay uno que otro contador que permite poner un número de visitas inicial, en este caso 6000.
    No recuerdo si en la primera opción que menciono en esta entrada se puede, pero sino igual sería más recomendable que usaras un contador con estadísticas más serias y fiables como Google Analytics.

    Saludos.

    ResponderEliminar
  27. no me sale.. yo quiero para el 25 de abril y pongo lo siguiente: "24/04/10 11:59 pm" y cuando veo mi blog ya esta el mensaje del final del contador!!!! alguien sabe que pasa??

    ResponderEliminar
  28. Hola Amigas10,

    Primero va el mes, luego el día, y luego el año.
    ¡Saludos!

    ResponderEliminar
  29. He puesto el contador en todoculturayociodeburgos.blogspot.com y funciona a la perfección pero intento ponerlo también en una entrada y entonces desaparece el otro, he hecho una prueba y lo he duplicado y pasa lo mismo solo funciona uno. Sólo se permite poner uno por página??? Saludos Potro

    ResponderEliminar
  30. Estoy haciendo un contador de (H-M-S) que finalice el "05/30/2010 14:00 PM"; (targetDate) y en DisplayFormat="%%H%% : %%M%% : %%S%%"; y me estan dado un resultado como este:
    12 : 37 : 59 : Encuentro un único fallo en las horas ya que el 12 de las horas deberian de ser muchas más,entiendo que el error está en el formato de horas pero no doy con la solucion puedes ayudarme?
    Agradecido como siempre

    ResponderEliminar
  31. Perdona Potro pero estaba en un error.Ya me he dado cuenta de como funciona el reloj de cuenta regresiva para D-H-M-S y lo que puede y no hacer. Gracias de nuevo

    ResponderEliminar
  32. Me quitaste las palabras de la boca :P

    ResponderEliminar
  33. Hola de nuevo, he visto en esta pagina http://www.formula1.com/default.html un contador que me interesa ya que lo necesitaria para mi blog de Slot, podrias ayudarme a confeccionar uno igual o similar a ese. Este contador me da la posibilidad de cambiar las fechas y el nombre de la carrera cada vez que se efectua un campeonato por eso es interesante para mí. Muy agradecido

    ResponderEliminar
  34. Ese gadget está hecho en flash, este es un script. Puedes hacer sólo con días y horas como el del ejemplo.

    ResponderEliminar
  35. Hola Potro: He realizado un diseño de reloj de cuenta regresiva, según mis conocimientos que no son muchos, para mi blog y me gustaria hacerte un par de preguntas dada tu mayor experiencia:
    1- Ves correcto el codigo creado o deberia modificar y/o cambiar al guna parte?
    2.- Como observaras hay tres bloques:la fecha de la carrera,el nombre de la carrera y la foto con el reloj. Pues bien yo lo veo todo bien en IE pero en Firefox la parte de la foto con el reloj se ven Mal, podrias ayudarme para que se viese como en IE o va aser un problema de firefox.
    Muchas gracias
    mi blog de pruebas para que lo veas es: priamo24.blogspot.com

    ResponderEliminar
  36. Hola Priamo,

    Podrías agregarle la propiedad background-repeat: no-repeat; para que no se repita la imagen grande que es lo que parece suceder en Firefox.

    ResponderEliminar
  37. Potro ya he conseguido quitar la doble imagen en firefox simplemente he bajado de 50px a 15px el tamaño de la letra del reloj. Ahora sigo viendolo,como antes, bien IE pero en Firefox el reloj se ve de esta manera; NaNdias NaNh NaNm NaNs, yo creo que lo tengo bin configurado. Como lo ves tu?
    Saludos

    ResponderEliminar
  38. Ummm se supone que si se ve en Internet Explorer que es el que más problemas da entonces debería verse bien en los demás, pero no es así.
    Seguramente hay algún detalle del script que modificaste que hace que no se vea, pues tomé tu código lo puse en un blog de pruebas y no funcionaba, luego cambié la parte del script por la del ejemplo de esta entrada y funcionó perfecto.

    Cambia la parte de script y verifica que ya funcione.
    Saludos.

    ResponderEliminar
  39. Hecho, error mio, tan simple como darle un espacio entre 00:02 y PM.
    Una ultima cuestion en Firefox el tamañodel texto se agranda en demasia porque?

    Gracias

    ResponderEliminar
  40. Todos los navegadores usan modos distintos de interpretar los códigos, es por eso que incluso las plantillas suelen verse de una manera distinta en los distintos navegadores. De hecho el gadget que hice de Sudáfrica también se le ven esos desperfectos, en Firefox la imagen se queda más arriba :s

    ResponderEliminar
  41. Gracias por tu info y por tu trabajo.

    ResponderEliminar
  42. buenas potro,vengo a dar la lata muejejeje!! xD
    resulta que quiero poner una imagen debajo de la cuenta regresiva,esta imagen:

    http://i817.photobucket.com/albums/zz95/Troyanonano/fondobbsenespaa.png

    como se podria hacer? sé que hay una forma de mober textos e imagenes pero no me acuerdo...

    salu2 y perdon por molestar tanto xS

    ResponderEliminar
  43. he escrito para nada...ya lo he solucionado =S perdon por las molestias >.<

    ResponderEliminar
  44. Qué bueno que has dado con la solución ;)

    ResponderEliminar
  45. Gracias a los amigos que hacen esta página. Me ha sido de gran utilidad. Un abrazo.

    ResponderEliminar
  46. Gracias a ti por tu visita.
    Saludos.

    ResponderEliminar
  47. Gracias, nuevamente me he dado una vuelta por aqui, y me complace mucho tu sitio ;)

    Saludos.

    ResponderEliminar
  48. gracias potro!!! me sirve para cada ocasion especial, gracias.

    Rony Mota

    ResponderEliminar
  49. Qué bueno que lo hayas encontrado útil :)
    Saludos.

    ResponderEliminar
  50. Hola Potro, he tenido el contador puesto y ya ha llegado a la fecha programada. Intento poner una nueva fecha y no me funciona. Copio de nuevo el código de aquí y nada. Qué hago?? Saludos y gracias.

    ResponderEliminar
  51. Posiblemente has puesto mal la fecha, necesitaría ver cómo lo has puesto para saber dónde está el error.

    ResponderEliminar
  52. Esto es lo que he puesto:

    TargetDate = "6/24/2011 20:30 PM"

    ResponderEliminar
  53. La hora la estás poniendo en formato de 24 horas, y debe ser en formato de 12 horas, es por eso que ya se le indica que debe ser PM
    Cambia 20:30 PM por 8:30 PM

    Saludos.

    ResponderEliminar
  54. Que tal Potro
    otra vez yo por estos rumbos
    lo que pasa que lo quiero poner al lado de donde tengo la fecha del dia pero no lo puedo alinear y quisiera saber si me puedes decir como

    gracias de antemano

    saludos
    abrazo!

    ResponderEliminar
  55. Lo más adecuado sería que usaras una tabla para poner dentro ambos códigos, este sería el código:

    <table border="0" cellpadding="10"><tbody>
    <tr><td>Código de la fecha</td>
    <td>Código del contador</td></tr>
    </tbody></table>

    ResponderEliminar
  56. Gracias Potro
    logré acomodarlo de otra forma y hasta pude sacarle provecho al espacio sobrante :)

    Saludos!

    ResponderEliminar
  57. Perfecto, qué bueno que lo has solucionado :D

    ResponderEliminar
  58. mmm eeste me podrias poner como debo poner la fecha si quiero que sea para el primero de agosto del 2010 a las una trinta de latarde...porfa...

    ResponderEliminar
  59. Muchas gracias por tu comentario, qué gusto que siempre llegues aquí y que encuentres lo que necesitas.

    Una opción para que no tengas que estar pegando el código siempre es que vayas a Configuración > Formato, y en donde dice 'Plantilla de entrada' pegues el código del contador, de ese modo aparecerá en todas las entradas, ya sólo cambias la URL del archivo de descarga en la entrada nueva y listo.

    Saludos.

    ResponderEliminar
  60. Hola potro muy util el contador pero se puede poner el fondo transparente, para que sea igual que el fondo del blog.
    Gracias

    ResponderEliminar
  61. En el color de fondo escribe transparent con eso bastará.

    ResponderEliminar
  62. hola yo kiero poner un conteo regresivo en face book pero no me funciona el codigo me podrian ayudar

    ResponderEliminar
  63. No sé si en Facebook puedan agregarse estos gadgets, sólo los he probado para Blogger.

    ResponderEliminar
  64. me gusto mucho y para poder poner una imagen de fondo ?? en le contador como se le hace??

    ResponderEliminar
  65. olle le pongo asi!
    TargetDate = "12/02/2011 11:59 PM";
    y me dice que faltan 327 y pense que si lo cambiaba al 2010 se pondria bien pero no!:S
    cual es el problema?

    ResponderEliminar
  66. qe faltan 327 dias XD

    ResponderEliminar
  67. Recuerda que la fecha se pone primero el mes, luego el día y después el año.
    Así que ahí has indicado que la fecha sea el 2 de diciembre de 2011

    ResponderEliminar
  68. y le puedo colocar milisegundos tambien? como hago?

    ResponderEliminar
  69. Primero felicitar esta página que me ha ayudado bastante y... disculpa potro, no entiendo donde insertar el código para cambiar el tamaño de la fuente.

    Gracias

    ResponderEliminar
  70. Mira el comentario #8, pega el código que se menciona ahí dentro de un elemento HTML/Javascript y ahí mismo en ese código hay una parte que dice 'AQUÍ VA EL CÓDiGO', es ahí donde debes poner el código del reloj.

    Saludos.

    ResponderEliminar
  71. Saludos amigo me servio mucho pero quiero poner varios de estos en mi blog ya que este toma la hora de la zona horaria que la visiten, lo que quiero es poner varios y adelantar o atrasar la fecha final para que así cada quien en su país tenga la cuenta regresiva exacta muchas gracias de ante mano amigo

    ResponderEliminar
  72. Me temo que no es posible Raúl :(

    ResponderEliminar
  73. Como podria hacerlo, pero k la cuenta regresiva sea de 5 segundos a 0.

    es lo k necesito, un contador de 5 a 0 segundos.

    gracias

    ResponderEliminar
  74. Con este no es posible, pero mira el script que explican en este sitio, ese sí te servirá:
    http://infornetica.wordpress.com/2010/04/23/crea-tu-propia-cuenta-regresiva-con-javascript/

    ResponderEliminar
  75. A mí no me funciona. Me pasa como al del comentario 19.
    Faltan 3000 y pico días....

    Pongo el código exáctamente como dices y no cometo errores de escritura de fecha, ni de hora con PM,...

    Qué puede pasar????

    gracias tío

    ResponderEliminar
  76. Necesitaría ver dónde o cómo lo has puesto para entender dónde puede estar el problema.

    ResponderEliminar
  77. LO he puesto en un gadget javascript.

    Y he peusto esto:

    <script language="JavaScript">
    TargetDate = "06/19/2011 11:59 PM";
    BackColor = "black";
    ForeColor = "white";
    CountActive = true;
    CountStepper = -1;
    LeadingZero = true;
    DisplayFormat = "%%D%% Días, %%H%% Horas, %%M%% Minutos, %%S%% Segundos.";
    FinishMessage = "¡¡¡A navegar!!!";
    </script>
    <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>

    Gracias

    ResponderEliminar
  78. Pues el código está bien así como lo has puesto en el comentario, tal como está lo he copiado y pegado y dice que faltan 26 días.
    Sin embargo procura no usar los signos de apertura de exclamación, pues en la mayoría de los scripts los acentos y ese tipo de caracteres no son reconocidos mas que los signos del alfabeto inglés.

    ResponderEliminar
  79. Pues nada chico, déjalo. Será algo de mi plantilla... Da igual.

    Gracias anyway

    ResponderEliminar
  80. hay alguna forma de que se reinicie automaticamente cuando llegue a X hora.. osea por ejemplo yo lo necesito para un evento que es cada 12 horas, cuando llegue a la hora en que empieza el evento que reinicie y vueva a comenzar para el proximo evento..

    ResponderEliminar
  81. No sé si se pueda, al menos yo no conozco una forma para que eso suceda.

    ResponderEliminar
  82. si.. voy a seguir investigando.. si consigo alguna forma te aviso para que lo publiques.. aqui esta lo que quiero hacer..abajo del menu http://www.rev6.com/

    ResponderEliminar
  83. Ups por el momento desapareció, ojala solo sea por esta noche porque lo tenemos con la cuenta regresiva para las Elecciones en Nuestro Pais Guatemala jejeje, Saludos.

    ResponderEliminar
  84. Ya amaneció de nuevo funcionando jejeje, algo trabajaron en él.

    ResponderEliminar
  85. Posiblemente anda fallando el sitio donde está alojado el script. Ya lo he cambiado de dirección para tenerlo más seguro y no depender de ese sitio ;)

    ResponderEliminar
  86. Hola, ya llevo un par de semanas utilizando este gadget y funciona muy bien, solo me preguntaba si es posible que el mensaje que se muestra al finalizar el conteo sea un enlace a una entrada

    ResponderEliminar
  87. Hola kty,

    Lamentablemente no, el script sólo reconoce mensajes de texto plano, si se le agregan enlaces u otro código HTML deja de funcionar :/

    ResponderEliminar
  88. Que lastima, pero muchas gracias por tu ayuda, de cualquier forma me sirve mucho este gadget.
    Saludos.

    ResponderEliminar
  89. Hola potro!
    Habra un contador que se muestre en meses y dias unicamente, ejemplo: "faltan 3 meses y 18 dias". Es posible modificar el que se encuentra aqui? Saludos!

    ResponderEliminar
  90. Supongo que sí se puede aunque nunca lo he hecho, de poderse tendrías que editar el script que está en la URL del código, ahí encontrarás esta parte:

    DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
    DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
    DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
    DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));

    El último son los segundos, el tercero los minutos, el segundo los días y el primero los días, habría que buscar la ecuación correcta para que te lo dé en meses.
    O si prefieres no liarte puedes buscar alguno en la red, quizá por ahí encuentres alguno.

    Saludos.

    ResponderEliminar
  91. Pues... a mi no me sale! Aparece algo así como... NaN minutos NaN segundos...

    ResponderEliminar
  92. Entonces no has configurado bien la fecha y hora. Revisa que esté como se indica en la entrada. Recuerda que primero es el mes, luego el día, y luego el año. La hora en formato de 12 horas.

    ResponderEliminar
  93. Hola! quiero hacer mas grande la cuenta regresiva pero nose porque no me sale..no entiendo bien el codigo que pusiste al principio
    si podrias explicar un poco mas complejo.gracias
    mi blog lasoleush.com.ar

    ResponderEliminar
  94. ah y se puede cambiar la imagen cuando la cuenta regresiva llego?

    ResponderEliminar
  95. La imagen no. El tamaño es casi de la misma forma como te mencioné hace mucho. Sólo tienes que encerrar el script del contador entre:
    <span style="font-family:Arial; font-size:18px;"> y </span>

    Lo que está en negrita es la propiedad del tamaño de la fuente, puedes modificar ese 18px por el valor que elijas.

    ResponderEliminar
  96. Gracias!!! Leeré todos los comentarios antes de preguntarte y ver si puedo realizar lo que tengo en mente, porque el contador que tenía de springwidgets se salía!!! Pero el tuyo es muy bueno!!!

    ResponderEliminar
  97. Hola El Potro,
    Lo que quiero saber es, como puedo poner para que esta cuenta regresiva en vez de cuando llegue a su fin ponga Feliz año nuevo!!!, se recargue automaticamente y cree un contdown para el proximo año.

    ResponderEliminar
  98. Con ese script no es posible, desconozco si haya alguno con esas características.

    ResponderEliminar
  99. Hola el potro.
    me sirvio de mucho tu script una duda sera q se puede usar una hora universal y no tomar la hora de la computadora cliente?
    Saludos..

    ResponderEliminar
  100. Hola mircknot, ignoro por completo si haya alguno que tome una hora universa, nunca he visto alguno que lo haga.

    ResponderEliminar
  101. muchas gracias por el porst amigo funcioa al 100% y respecto a poder utilizarlo de acuerdo a tu zona horaria si agregas esto pudiera funcionar

    var dateNow=new Date();
    // cogemos la fecha utc
    var dateUTC=new Date(dateNow.getUTCFullYear(), dateNow.getUTCMonth(), dateNow.getUTCDate(), dateNow.getUTCHours(), dateNow.getUTCMinutes(), dateNow.getUTCSeconds())

    // Definimos la diferencia en horas del time zone
    var tz=-6.0;
    // Calculamos los segundos de la zona horaria
    var seconds=(tz*60*60)*1000;


    // Aplicamos la diferencia horaria añadiendo los segundos al timestamp de la
    // fecha UTC
    dateUTC.setTime(dateUTC.getTime()+seconds);

    var datefin= dateUTC;

    y cambias la variable de la fecha en estos momentos por esto:

    var dnow = new Date(datefin);

    con eso respetaria tu reloj desde tu zona horaria sin afectar en que pais del mundo lo esten viendo.

    ResponderEliminar
  102. Muchas gracias por el tip iimeh, espero que a alguien más le sea útil :)
    Buen fin de semana!

    ResponderEliminar
  103. Buena la informacion pero como ago para ingresar el codigo al facebook

    ResponderEliminar
  104. Buena la informacion pero como ago para ingresar el codigo al facebook

    ResponderEliminar
  105. Supongo que te refieres a las páginas de fans de Facebook. Ahí no se puede, a menos que tu pestaña de bienvenida sea un iframe.

    ResponderEliminar
  106. Hola potro una pregunta..¿blogger elimino la opcion de comentarios?, porque no la tengo y en configuracion no me sale nada, tampoco en la configuracion de la entrada o pag, antes salia ¿permitir comentarios? ahora nisiquiera eso sale...un saludo...

    ResponderEliminar
    Respuestas
    1. Hola Ricardo, ¿te desaparecieron los comentarios del blog, o sólo no aparece la opción de comentarios en el panel de control de Blogger?
      ¿Cuál interfaz usas? ¿Usas el Editor de entradas actualizado? ¿Has probado desde otro navegador?

      Saludos.

      Eliminar
  107. no, solo desde Mozilla, y en configuracion no aparece mostrar comentarios, estoy usando el editor de entradas de siempre, tengo 2 años con el mismo....

    ResponderEliminar
    Respuestas
    1. Entonces prueba hacerlo desde otro navegador, o elimina las cookies y caché de Mozilla. Hasta donde sé Blogger no ha quitado nada, tampoco he sabido de alguien más al que le hayan desaparecido esas opciones.

      Eliminar
  108. ok potro hare eso a ver si se arregla...una ultima pregunta, ¿sabes de algun servidor donde pueda subir videos y se puedan ver online y donde aparesca la opcion de descargar?, claro y que me permita subir videos de 1Gb por lo menos, lo de megaupload me ha afectado a mi tambien asi que lo que tenia en megavideo ha desaparecido...un saludo

    ResponderEliminar
    Respuestas
    1. No sé mucho sobre ese tema, yo siempre he usado los básicos como Google Sites y Dropbox, pero ya sabes que son completamente distintos a los servidores que mencionas.
      Saludos.

      Eliminar
  109. Respuestas
    1. ¿Te aparece algún error, o qué sucede? ¿en cuál blog lo has puesto?

      Eliminar
  110. El potro espero que me respondas !!! Mira cuando pongo agregar un Gadget en la columna lateral no me sale HTML/Javascript como hago ?

    ResponderEliminar
    Respuestas
    1. Es decir no se como abrir un documento HTML/javascript !

      Eliminar
    2. Hola Sunwear. Cuando das click en "Añadir un gadget" verás del lado izquierdo de la ventana emergente un pequeño menú que dice "Lo básico", "Destacados", "Los más populares", "Más gadgets", y "Añade tu propio".
      Tienes que dar click en "Lo básico", ahí verás la opción "HTML/Javascript", es ese el que debes elegir para añadir el código.

      Saludos.

      Eliminar
    3. Ya lo encontré en serio muchas gracias !!!!!!!

      Eliminar
  111. Potro !!! Una última pregunta ves los botónes de arriba de este blog para cambiar de sección ¿? Esos que dicen "Pagina principal" etc ? http://elbosquedelibros.blogspot.com/2011/10/la-emperatriz-de-los-etereos-de-laura.html
    Bueno me gustaría saber como los puedo hacer ?

    ResponderEliminar
    Respuestas
    1. Es el gadget de Páginas, agrega el gadget de Páginas y aparecerá, pero claro, es necesario que tengas páginas estáticas creadas.

      Eliminar
    2. No comprendo lo que es paginas estáticas :(

      Eliminar
    3. Páginas estáticas/Páginas independientes. Si usas la interfaz antigua entra en Creación de entradas > Editar páginas > Página nueva.

      Eliminar
    4. El potro este es el tutorial http://ciudadblogger.com/2010/02/mostrar-las-paginas-estaticas-de-forma.html Por que no me funciona entro a Edición HTML arriba de head y lo modifico a mi gusto pero nada GRACIAS !!!

      Eliminar
    5. Es decir me aparecen pero cuando primes el botón me dice que no existe esa pagina

      Eliminar
    6. Hola Sunwear, deja la pregunta en esa entrada para que ahí le demos el seguimiento. Además de ello deja ahí la dirección de tu blog donde tienes el problema así como la URL de la página que no abre. Saludos.

      Eliminar
  112. hay alguna manera de poner la cuenta regresiva en el facebook, waltercd1@hotmail.com

    ResponderEliminar
    Respuestas
    1. Sólo si lo pones dentro de una aplicación:
      http://ciudadblogger.com/2010/11/crear-una-pestana-de-bienvenida-para.html

      Eliminar
  113. Respuestas
    1. Sobre otros sitios no puedo ayudarte, pero quizá debas revisar que no tengas otras versiones de jQuery.

      Eliminar
  114. Hola potro, he puesto el contador sobre una imagen, pero me sale muy arriba de donde lo quiero colocar, como podria hacer para colocarlo en el sitio que yo quiera

    ResponderEliminar
    Respuestas
    1. Encierra en contador en un DIV y ahí aplica los márgenes que quieras, por ejemplo:
      <div style="margin-top:20px; margin-left:50px;">
      ...
      ...
      </div>

      Eliminar
  115. Muchas gracias potro, ya lo he solucionado

    ResponderEliminar
  116. Hola Potro, me parece interesante el script de cuenta regresiva.
    Tengo un blog de futbol y quiero colocar el script para que me indique cuanto falta para que inicie un cierto partido, pero ya que inicie el partido que aparezca el mensaje, "partido en proceso", y dos horas después, el mensaje cambie a "partido concluido", ¿Qué adaptaciones se le podrían hacer al script para conseguir eso?
    Gracias

    ResponderEliminar
    Respuestas
    1. Hola brontolone, puedes poner el primer mensaje cambiando el que se indica en la entrada, pero el otro tendrías que ponerlo manualmente una vez que pase ese tiempo :/

      Eliminar
  117. Hola me interesaba poner varias cuentas regresivas en una misma pagina pero el problema es que al ponerlas solo aparece 1 y se vuelve loco como si todas se hubieran programado en una sola , alguna etiqueta para separarlos y que todos funcionen correctamente en una sola pagina?

    ResponderEliminar
    Respuestas
    1. Hola Redzer HD, tendrías que modificar el script que está alojado por cada contador extra. Quizá sea mejor que uses el script de este contador:
      http://ciudadblogger.com/2012/03/gadgets-de-cuenta-regresiva-para.html

      Eliminar
    2. es que lo que pasa es que me interesa mucho el de segundos minutos y horas , es muy bueno tu contador , lo que hize fue subir el archivo .js a diferentes servidores pero no funciono :/ ojala tengas algun tip o algo que pueda hacer te lo agradeceria mucho tu pagina es exelente Felicidades ojaa puedas ener alguna solucion

      Eliminar
    3. Hola potro primero que nada felciidades por todos los tutoriales que haces son exelentes , seugndo el contador ese que me muestras solo marca los dias y me interesa mucho que marque minutos horas y segundos como el de aqui pero lo que hize fue subir el archivo .js a diferentes servidores pero no me funciono :/ ojala tengas alguna otra solcuion te lo agradeceria mucho

      Eliminar
    4. Hola Redzer HD, no sólo es subir el script, sino modificarlo por cada contador extra que desees.
      Es algo de trabajo, por cada contador, tendrías que cambiar todas estas partes:
      TargetDate
      BackColor
      ForeColor
      CountActive
      CountStepper
      LeadingZero
      DisplayFormat
      FinishMessage

      Tanto en el script que se muestra, como en el script que alojas, pero todos deben ser cambiado, por ejemplo, poniendo un 2 al final.
      También, dentro del script alojado habría que cambiar además de lo anterior, todos los:
      calcage
      CountBack
      cntdwn

      De la misma forma, poniéndoles un número al final.

      Eliminar
  118. Hola tenia una duda quisiera poner esta cuenta regresiva: http://countdown.teamfreewill.net/season8/ pero no sé como ponerla.

    si me pudieras ayudar estaría muy agradecida :)

    ResponderEliminar
    Respuestas
    1. No conozco ese contador casey456, pero puedes buscar algunos contadores con jQuery, quizá encuentres alguno similar.

      Eliminar
  119. como ponerle una imagen.muchas gracias

    ResponderEliminar
    Respuestas
    1. Guiate por este gadget, usa el mismo contador:
      http://ciudadblogger.com/2010/05/cuenta-regresiva-para-sudafrica-2010.html

      Eliminar
  120. Hola amigo hice lo que me dijiste pero no sale nada. cree el archivo js
    y puse tal cual como lo tienes y lo incorpore a esta pag aki donde lo puse http://championship.herobo.com/index.php
    y no se muestra nada, si me puedes ayudar de antemano te lo agradezco!!

    ResponderEliminar
    Respuestas
    1. Sólo lo he probado en Blogger adki, aun así no lo veo en ese sitio.

      Eliminar
  121. Un gracias más no te va a sobrar..jeje GRACIAS!

    Siempre busco herramientas en tu blog y pocas veces te he saludado para agradecerte, así que aquí va.

    G R A C I A S

    :)

    ResponderEliminar
    Respuestas
    1. Siempre hacen falta Daniela :)
      ¡Gracias y buen fin de semana!

      Eliminar
  122. Hola buenos días Sr Potro,
    Felicidades por sus Post's
    bueno, le quisiera preguntar como poner
    el reloj es que no entiendo, estoy aprendiendo
    apenas y le pregunto si me asesoraría de como
    poner el código utilizo Dremaweaver CS5 y
    pongo el código y no me da nada gracias por
    su ayuda un saludo.

    ResponderEliminar
  123. Hola Sr. Potro,
    Felicisades por su Blog y sus Post
    me gustaria saber si me podría asesorar sobre el
    reloj es que pongo el código y no me da nada
    bueno es que apenas estoy aprendiendo y por eso
    me gustaría saber si me podría asesorar estoy
    utilizando Dreamweaver CS5 y pongo el código
    y no me da nada O.O! espero que me pueda ayudar muchas gracias!
    y gracias por tomar un poco de su tiempo en leer esto.

    ResponderEliminar
    Respuestas
    1. Hola R_MOOMIN. Con exactitud no sabría decirte ya que yo sólo pruebo los códigos en Blogger, pero en teoría deberías de funcionar si lo pones en cualquier parte del BODY.

      Eliminar
  124. Hola. A ver, necesitaría uno al contrario, es decir...poner yo una fecha ya pasada y que me diga los meses, días, horas...todo de esa fecha a ahora. ¿Sabes como hacerlo? Me sería muy útil la verdad, llevo meses buscándolo...
    Gracias :)

    ResponderEliminar
    Respuestas
    1. Hola, aquí hay uno que te puede servir:
      http://buscadores-navegadores-outlook-photoshop.comli.com/script-dias-transcurridos-desde-fecha-determinada.html

      Eliminar
  125. donde colocar los divss es acaso dentro del body??? a pesar de eso no cambia de tamaño

    ResponderEliminar
    Respuestas
    1. El script va en Diseño > Añadir un gadget > HTML/Javascript.

      Eliminar
  126. oye potro tengo una pregunta

    kiero sabes como poner los iconos asi como los de esta pagina http://www.modsmexicanosfull.com/

    los iconos de publicado por, comentarios y etiquetas

    Respondeme cuando puedas y Salu2

    ResponderEliminar
    Respuestas
    1. Sólo localiza los códigos de esas áreas y antes de cada uno pon el código de la imagen:
      http://ciudadblogger.com/2010/07/cambiar-de-lugar-datos-del-post-footer.html

      Eliminar
  127. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Hola Ricardo, con estos scripts no se puede, tendrías que usar algún contador hecho con jQuery o Flash, en la red seguro que encuentras varias opciones.

      Eliminar
  128. Un post de hace 3 años sigue siendo util!!! muchisimas gracias, me re sirvio...

    Ahora pregunto, ya existira algo similar en donde al finalizar la cuenta se pueda mostrar un link? Gracias :)

    ResponderEliminar
    Respuestas
    1. A decir verdad lo desconozco, con este no veo la posibilidad de hacerlo :(

      Eliminar
  129. buenos dias el potro. acabod e toparme con este blog y me parece muy interesante el post. mi pregunta es donde copio esos codigos html para crear el reloj de conteo regresivo. quiero colocar uno en mi facebook pero no se en que parte. el conteo regresivo es para el centenario de la asociacion de scouts de venezuela que es este 27 de mayo del 2013, comenzando a las 12.00 a.m. (hora venezuela).

    ResponderEliminar
    Respuestas
    1. Bienvenido Fanatico de RCTV, en Facebook no se puede usar HTML ni CSS ni menos Javascript, a menos que tengas una página de fans, en ese caso sí podrías instalar una aplicación que permita añadir HTML, CSS y en algunos casos Javascript:
      http://ciudadblogger.com/2012/03/11-aplicaciones-utiles-para-tu-pagina.html

      Eliminar
  130. Hola! ya he leido que se puede poner un solo reloj, pero eh econtrado esta pagina: http://www.hashemian.com/tools/javascript-countdown.htm
    Que al parecer tiene otro script para que se puedan poner varios, solo que no supe como hacerlo, lee en la parte de abajo, alli estan los enlaces para descaragar :D
    Gracias de todos modos, hace rato buscaba un reloj sencillo.

    ResponderEliminar
    Respuestas
    1. Pues de hecho este script pertece a esa página, yo sólo realojé el script porque suele estar offline algunas veces, pero el script es el mismo.

      Eliminar
    2. aaa ok, si no que mas abajo dice de que alguien edito el script para que se puedan poner varios, pero bueno, gracias!! siempre encuentro todo aqui :)

      Eliminar
  131. Hola, no me funciona, me sale el cuadro negro del gadgets y no me sale nada más, he cambiado colores por si coincidia con el fondo y nada.

    ResponderEliminar
    Respuestas
    1. Yo veo funcionando uno con letras amarillas en tu blog.

      Eliminar
  132. Me pone error al analizar XML, linea 12, columna 2

    ResponderEliminar
    Respuestas
    1. Se pone en un gadget HTML/Javascript, no directo en la plantilla.
      Saludos.

      Eliminar
  133. gracias valedor, eres un tigre!! saludos

    ResponderEliminar
  134. Graciass solo bueno exelente....me pregunto hay un contador progresivo. o sea le vendo a alguien un sitio por determinado tiempo y en lugar de que sea regresivo sea progresivo o sea 365..364.363.362.361

    ResponderEliminar
  135. lo utilizo y es exelente gracias....habra algun contador progresivo igfual a este pero progresivo que se yo como para contar un año de servicio de un sitio a un cliente para que vea el tiempo transcurrido y no como este que es regresivo....gracias

    ResponderEliminar
    Respuestas
    1. Hola, aquí hay uno:
      http://www.dynamicdrive.com/dynamicindex6/countingup.htm

      Eliminar
  136. si entra alguien de otra zona de horario diferente la cuenta regresiva le funciona de acuerdo a su zona de horario?

    ResponderEliminar
  137. funciona con diferentes zona de horario? por ejemplo si entra una persona de una zona de horario diferente, la cuenta regresiva le funciona de acuerdo a su zona de horario?

    ResponderEliminar
    Respuestas
    1. Sí, el script funciona con la hora que tenga su ordenador.

      Eliminar
  138. LO QUIERO EN LA PANTALLA DE MI COMPU COMO LE HAGO??

    ResponderEliminar
  139. yo lo quiero tener en la pantalla de mi compu como le hagoo ayuda!!

    ResponderEliminar
    Respuestas
    1. Supongo que tienes que buscar algún gadget para Windows, aquí es todo para Blogger.

      Eliminar
  140. Buenas, gracias por el post y enhorabuena por el blog.
    Respecto a tu respuesta a Sergio Vergara acerca del tamaño de letra. He puesto el código que que se dice en la respuesta no me sale ¿cómo se pone exactamente?
    ¿Y en que parte del código? ¿Después del mensaje de finalización?
    Muchas gracias por tu atención.

    ResponderEliminar
  141. Buenas, gracias por el post y enhorabuena por el blog.
    Respecto a tu respuesta a Sergio Vergara acerca del tamaño de letra. He puesto el código que que se dice en la respuesta no me sale ¿cómo se pone exactamente?
    ¿Y en que parte del código? ¿Después del mensaje de finalización?
    Muchas gracias por tu atención.

    ResponderEliminar
  142. hola yo tengo un problema pues yo ya lo puse asi todo y puse y anda genial y mucha gente lo ve bien pero entro gente de otro pais y cuando la cuenta solo era de 5 minutos a ellos le aparecian que faltaba como 7 horas.... no abra un cuenta regresiva que no se maneje por horario sino por cuenta osea con el mismo timer que usa la pagina web para cargar y todo eso que lo use para ir descontando segundo osea que ande con el timer de ejecucion no con regla horaria asi no importara la sona horaria siempre descontara esactamente el mismo tiempo yo havia echo un en visual basic que era algo asi como
    if timer1.timer = true then
    tiempo.lbl = tiempo.lbl - val (a)
    end if
    osea el timer esta configurado para que ande cada un segundo y la variable a es igual a 1 seguando osea que cada 1 segundo descontara 1 segundo del total del tiempo osea quiero algo asi pero para html para mi pagina por cierto tengo una pagina jimdo gracias y espero su ayuda
    http://shingekinokyojin.jimdo.com/

    ResponderEliminar
  143. Me encantó mucho, me será de mucha utilidad.

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger