Gadget de cuenta regresiva para Sudáfrica 2010

12 de mayo de 2010 96 comentarios ,
Como ya se acerca la Copa mundial Sudáfrica 2010 me di un espacio para hacer este gadget que es una cuenta regresiva de los días que faltan para el mundial. Para mostrarlo en tu blog sólo haz agrega el siguiente código en un elemento HTML/Javascript.


<table background="http://1.bp.blogspot.com/_qgZA1ny_dAs/S-rzk2j1d4I/AAAAAAAAEJw/0tSVYuDOtck/s1600/bg_countdown.png" border="0" width="200" height="100" cellpadding="0"><tbody>
<tr><td><div style="_margin-top:7px;*margin-top:7px;margin-left:120px;font-size:45px;font-family:impact;color:#FFF;"><script language="JavaScript">
TargetDate = "06/11/2010";
BackColor = "transparent";
ForeColor = "white";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%%";
FinishMessage = "00";
</script>
<script language="JavaScript" src="http://ciudad-blogger.googlecode.com/files/countdown.js"></script></div>
</td></tr>
</tbody></table>

Que lo disfruten


96 comentarios en:

" Gadget de cuenta regresiva para Sudáfrica 2010 "

  1. Ya estamos contagiados con el efecto "mundialero"...

    Y, ¿cómo estamos para éste domingo? (preparatorio México v/s Chile)
    Ponle algún resultado.
    Sin ponerse a llorar. Jajaja

    Saludos.
    Jpz.-

    ResponderEliminar
  2. Qué bueno que ya te programaste para no llorar cuando gane México, jajaja.

    ¡Saludos!

    ResponderEliminar
  3. hahaha excelente men, muy bueno el gadget.

    Saludos.

    ResponderEliminar
  4. jjejej pues ya lo instale! y se ve bien unque me gustaria cambiarle para que el fondo sea blanco como el color de mi blog! :p saludos potro

    ResponderEliminar
  5. facinante... ya estoy pensando en algunas utilidades para este Gadget, Siempre traes cosas muy buenas. :D

    ResponderEliminar
  6. Excelente potro... y suerte a Mexico en la inauguración del mundial.
    Desde Colombia estaremos muy atentos al certamen.

    ResponderEliminar
  7. porcierto, felicidades por tus 700 seguidores.

    ResponderEliminar
  8. Qué bueno que les ha gustado, soy muy malo con el diseño así que me siento un poco aliviado que no huyeron en cuanto vieron el gadget :D

    ResponderEliminar
  9. wow yo tenia uno que me encontre no se donde pero tenia publicidad y mejor lo quite pero este esta limpio!!!
    MIL gracias potro por dedicar tiempo para compartinos este tipo de cosas!

    ResponderEliminar
  10. Por un momento pensé en ponerle un link a esta entrada pero recordé que yo igual odio la publicidad en los gadgets :P

    ResponderEliminar
  11. Gracias por el gadget amigo, ya lo he puesto en mi blog.

    ResponderEliminar
  12. Gracias Potro, lo pongo en mi blog ahora mismito, me gusta!!!

    ResponderEliminar
  13. Gracias a ustedes por su visita :)

    ResponderEliminar
  14. Muy bueno de hecho hoy en curiosidades del mundo hable
    acerca de las mascotas del Mundial anduve buscando algun contador pero nada de nada

    y pues apenas voy viendo Ciudad Blogger y me gusto mucho

    ResponderEliminar
  15. amigazo te felicito lo puse en mi web y se abren como 4, digo se podra poner esto en mi web bien?. nuevamente te felicito para mi el mejor blog.
    espero una respuesta en mi Emial:
    titocover@gmail.com

    ResponderEliminar
  16. No te he entendido bien eso de que se abren 4.
    Si lo pones dentro de una entrada entonces el código debe estar todo seguido sin espacios ni saltos de línea.

    Gracias por tus comentarios.

    ResponderEliminar
  17. a mi ni me gusta el futbol pero quiza a mis visitantes si... mil gracias se ve geial

    ResponderEliminar
  18. Seguro que les gustará y más que ya se acerca la fiebre del futbol :D

    ResponderEliminar
  19. Hola potro! genial ese gagdet! eh por otro lado! queria saber si se puede poner un borde que limite mis posts! ya que no tiene y confunde al estar junto a otro! espero que me entiendas! gracias!

    ResponderEliminar
  20. ah me olvidaba! tabn queria saber como hago para quitar ese borde ( http://dl.dropbox.com/u/6474180/potroayuda.PNG )

    Es una imagen que por ejemplo enlaza a otra páginam y en ese caso salen esos bordes me gustaria q se vea todo blanco del color del fondo.

    gracias

    ResponderEliminar
  21. Para poner un separador lee esta entrada.
    De la imagen no sé qué pueda ser, no veo que tengas definidos bordes en las imágenes.
    Prueba poniendo esto:
    a img{ border-width:0;}

    ResponderEliminar
  22. eh bueno ya solucioné de la imagen solo tuve que quitar el color #headline a img{
    border:1px solid #bbb; <-- eso
    margin-top:5px;
    margin-right:10px;

    ResponderEliminar
  23. y lo de los post, no es separadores por que igual no se ven solo los veo cuando leo por cada uno, lo que me referia era un marco aldededor algo asi :


    ( http://dl.dropbox.com/u/6474180/ayudame.PNG )


    gracias!!!

    ResponderEliminar
  24. buena aplicacion... ¿como puedo utilizarlos para otros motivos? por ejemplo "faltan 3 dias para que suba mi post tan esperado bla bla etc."

    ResponderEliminar
  25. OCTAGONO3D, para enmarcar los post busca la línea .post { y debajo de ella pega border:1px solid #000;

    nEjO, en esta entrada verás el código base.

    ResponderEliminar
  26. Potro, te tengo una consulta, tengo el Leer Más representado como imagén, como hago para que no se vea en la páginas estaticas?
    Saludos

    ResponderEliminar
  27. ¿A qué te refieres con "representado como imagen"?

    ResponderEliminar
  28. Potro! gracias por el dato! ya lo pude modificar a otro estilo y tabn los comentartios que tabn faltaba enmarcarlos! gracias Potro!!!!!

    ResponderEliminar
  29. q en ves de que aparesca texto aparece una imagen que dice Leer Mas, mi pregunta es si se puede sacar en las paginas estaticas, mira : www.porvelez.com.ar

    ResponderEliminar
  30. Excelente el gadget!!!

    Me viene bárbaro para mi blog de fútbol, así lo uso para los próximos partidos de mi cuadro!

    Gracias Potro.

    ResponderEliminar
  31. Coloush +16, de hecho no debería aparecer en las páginas, quizá pusiste mal un código, revisa de nuevo.

    Administrador de UPF, seguro que en blogs de deportes luce mucho mejor :)

    ResponderEliminar
  32. Ese esta bueno. ya lo pondre mas tarde.

    Saludos.

    ResponderEliminar
  33. Muy bueno lo acabo de poner queda genial muchas gracias

    http://brujo5-iphone.blogspot.com/

    ResponderEliminar
  34. no me funciono no sale nada noce que pasa bu esta bueno
    el potro una consulta
    como puedo poner los archivo de mi blog como los tuyos con carpeta de cada mes que tengo yo ocupa mucho espacio
    bajandopeliculaslatinas.blogspot visitame

    ResponderEliminar
  35. Si lo pusiste en un elemento HTML/Javascript no debes tener ningún problema a menos que tengas algún otro script que no deje trabajar este pero rara vez sucede.

    Respecto a los archivos, sólo haz click en Editar sobre el gadget Archivos del blog y selecciona la opción 'Lista'

    ResponderEliminar
  36. I have collection 5 more such widgets on my blog....I hope you would like to see them..

    Footbal Worldcup 2010 gadgets

    ResponderEliminar
  37. ya lo puse en mis dos blog, mas ke nada para mis amigos que entran a ver sus fotos, curiosidades aveces... asi que, quedo lindo, gracias mi potro querido, muackiz.

    ResponderEliminar
  38. Seguro que a tus amigos les gustará :)
    ¡Besos!

    ResponderEliminar
  39. wow gracias potro yo queria encontrar uno y todos feos pero este esta chingon gracias

    ResponderEliminar
  40. Me da gusto que haya sido del agrado de ustedes :)

    ResponderEliminar
  41. Potro, GRACIAS. En mi blog, por los temas de los que hablo, no me pegaba mucho, pero gracias a ti, y atodo lo que nos has ido enseñando poco a poco, he sido capaz de encontrar el modo de hacerle unos retoques y dejarlo listo para la cuenta atrás del final de House MD.

    Gracias de todocorazón =)

    ResponderEliminar
  42. Te agradezco mucho tus comentarios, de verdad es un gusto saber que los temas que comparto te han podido ser útiles y de ayuda.

    Saludos.

    ResponderEliminar
  43. Potro quisiera pedirte un favor si pudieses crear un codigo de un rotador de banners pero en flash te lo agradeceria Bye y tu blog sigue siendo el numero 1 en tutoriales

    ResponderEliminar
  44. No sé manejar la plataforma de flash pero seguro que en Trucos Flash podrás encontrar algún modo de hacerlo.

    Saludos.

    ResponderEliminar
  45. Felicitarte es poco Bro... eres un genio!!!

    Un abrazo!!!

    ResponderEliminar
  46. esa es buena compa saludos y felicitaciones

    ResponderEliminar
  47. Muy buen gadget quedo muy bien en mi web http://www.futbol40.com

    Gracias por el aporte :)

    Saludos

    ResponderEliminar
  48. Hola el potro muy buen aporte para todos los traumados con el futbol, pero tengo una duda, ¿despues de que se termine el mundial podremos usarlo con otra fecha importante??? a proposito, si ya no me aparezco aqui como Clan Russo es por que me cambie a Cerebros congelados o wiizard

    ResponderEliminar
  49. Claro, sólo se configura el script con otra fecha aunque tendrá la misma imagen, tendrías que cambiar la imagen po otra.
    En esta entrada está el código del contador por si deseas hacer el tuyo.

    ResponderEliminar
  50. hola, como puedo hacer un contador similar para el cumpleaños de mi blog?

    ResponderEliminar
  51. En el comentario #62 está el enlace de la entrada donde está el código del contador.

    ResponderEliminar
  52. Ya faltan 13 dias para que lo pongo

    ResponderEliminar
  53. Hola potro

    Como ago para que en ese contador, si los users dan click en el redireccione a una pagina web

    Gracias por tu respuesta.

    ResponderEliminar
  54. Podrías intentar de este modo:

    <a href="URL del enlace">
    ...Aquí el código del gadget...
    </a>

    ResponderEliminar
  55. como puedo cambiar el fondo por otra imagen?

    ResponderEliminar
  56. al cambiar la imagen no me respeta la altura ni el ancho.

    ResponderEliminar
  57. Si cambias la imagen debe tener la misma altura y el mismo ancho.

    ResponderEliminar
  58. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  59. Oye con que programa lo ha hecho...

    ResponderEliminar
  60. La imagen con Photoshop, lo demás es puro Javascript.

    ResponderEliminar
  61. Vale, pero como hago lo de la cuenta atrás es decir, los días.
    ¿¿Y Que codigo utilizo??

    ResponderEliminar
  62. En esta entrada verás el código básico del contador.

    ResponderEliminar
  63. mm.. claro también puedo solo cambiar la imagen y cambiar la fecha no??

    ResponderEliminar
  64. Vale, pero me¿¿ podrías indicar o hacerme el código que tengo que hacer??
    Necesito un contador Para hoy (La imagen la estoy realizando) pero en el contador quiero que este el día los minutos, y los segundo ¿¿cómo podría hacerlo
    ??

    ResponderEliminar
  65. No puedo hacer ningún trabajo por nadie, es por eso que en la otra entrada se explican a detalles las indicaciones de cómo se debe configurar el contador.
    Si miras el código de esta entrada verás que salvo por la imagen es exactamente el mismo script así que la configuración es la misma que se explica en la otra entrada.

    ResponderEliminar
  66. Encontre esta página para hacer contador pero esta no es la misma (Te la dejo aquí si te gusta)
    http://www.countdownclockcodes.com/

    ResponderEliminar
  67. Uhhh está muy bueno el sitio, gracias por compartirlo :)

    ResponderEliminar
  68. ¿De cuanto es la imagen?
    Cual es su tamaño?

    ResponderEliminar
  69. Potro, como estás?
    Necesito colocar varias cuentas regresivas a la vez. Administro una web de un equipo deportivo y quisiera colocar cuentas regresivas de diferentes deportes.
    He probado de colocar 2 cuentas regresivas, repitiendo el código que tengo actualmente y funciona. El resultado es que no se visualizan los días restantes en ambas cuentas regresivas, sino en una sola.
    Muchas gracias.
    Saludos!

    ResponderEliminar
    Respuestas
    1. Hola Administrador, hazlo con el código de este otro contador, con él sí puedes poner distintos gadgets y cada uno con una fecha diferente:
      http://ciudadblogger.com/2012/03/gadgets-de-cuenta-regresiva-para.html

      Saludos.

      Eliminar
    2. Excelente! Ya quedó funcionando. Saludos.

      Eliminar
  70. Muchas gracias ya lo adapté para mi blog, de verdad Potro mil gracias y recomendable tu página.

    ResponderEliminar
  71. Hola potro:
    pues he creado una imagen y lo he añadido y todo muy bien pero el contador en la parte del numero que queda esta un poco a la izquierda como hago que este en el centro como el tuyo?
    blog: http://plantilladepequemundossims.blogspot.com.es/

    ResponderEliminar
  72. Hola potro:
    Ya he podido hacerlo de toda forma muchisima gracias!!

    ResponderEliminar
  73. Hola potro:
    Como puedo saber la medida de altura de widget o sidebar?

    ResponderEliminar
    Respuestas
    1. Las secciones de gadgets o la misma sidebar no tienen una altura específica, se hacen más grandes o más pequeñas dependiendo del contenido que le pongas, por ejemplo, si pones el gadget del contador, y si el contador mide 200px por 100px entonces la sección del gadget medirá 100px de alto más los márgenes, y la sidebar habrá crecido 100px porque se adapta al contenido. Pero no se le puede estipular una medida de altura.

      Eliminar
  74. con este conteo del mundial El blog queda muy pesado porque lo volvio lento para intentar abrir otros gadget como videos. quedan en leyendo y super demorado para que se abran.

    ResponderEliminar
    Respuestas
    1. Fue el mundial del 2010, ya no hay razón para usarlo ;)

      Eliminar

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.

 
Ir Arriba Ir Abajo
I Ciudad Blogger