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.
Que lo disfruten 
<table background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGXpzUZZxiWgEjp2-UIIx73_jpD7mVunHaOqvxxwVF58GRo5r703OoXVJSAJVaPhw1oW3cnowCzQD3MGipOXe_8lm2uVlV4NVNGxK5mcws6ORvx_fGUEMHUqoz0O5UAlNVHjZqo434d4U/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>
Ciudad Blogger
JOYA
ResponderEliminarYa estamos contagiados con el efecto "mundialero"...
ResponderEliminarY, ¿cómo estamos para éste domingo? (preparatorio México v/s Chile)
Ponle algún resultado.
Sin ponerse a llorar. Jajaja
Saludos.
Jpz.-
Qué bueno que ya te programaste para no llorar cuando gane México, jajaja.
ResponderEliminar¡Saludos!
hahaha excelente men, muy bueno el gadget.
ResponderEliminarSaludos.
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
ResponderEliminarfacinante... ya estoy pensando en algunas utilidades para este Gadget, Siempre traes cosas muy buenas. :D
ResponderEliminarExcelente potro... y suerte a Mexico en la inauguración del mundial.
ResponderEliminarDesde Colombia estaremos muy atentos al certamen.
Bien!
ResponderEliminarSe ve muy profesional.
porcierto, felicidades por tus 700 seguidores.
ResponderEliminarQué 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
ResponderEliminarwow yo tenia uno que me encontre no se donde pero tenia publicidad y mejor lo quite pero este esta limpio!!!
ResponderEliminarMIL gracias potro por dedicar tiempo para compartinos este tipo de cosas!
Por un momento pensé en ponerle un link a esta entrada pero recordé que yo igual odio la publicidad en los gadgets :P
ResponderEliminarsuper bien potro no se pasa nada,
ResponderEliminarGracias por el gadget amigo, ya lo he puesto en mi blog.
ResponderEliminarGracias Potro, lo pongo en mi blog ahora mismito, me gusta!!!
ResponderEliminarGracias a ustedes por su visita :)
ResponderEliminarMuy bueno de hecho hoy en curiosidades del mundo hable
ResponderEliminaracerca de las mascotas del Mundial anduve buscando algun contador pero nada de nada
y pues apenas voy viendo Ciudad Blogger y me gusto mucho
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.
ResponderEliminarespero una respuesta en mi Emial:
titocover@gmail.com
No te he entendido bien eso de que se abren 4.
ResponderEliminarSi 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.
Seguro que les gustará y más que ya se acerca la fiebre del futbol :D
ResponderEliminarHola 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!
ResponderEliminarah me olvidaba! tabn queria saber como hago para quitar ese borde ( http://dl.dropbox.com/u/6474180/potroayuda.PNG )
ResponderEliminarEs 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
Para poner un separador lee esta entrada.
ResponderEliminarDe 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;}
eh bueno ya solucioné de la imagen solo tuve que quitar el color #headline a img{
ResponderEliminarborder:1px solid #bbb; <-- eso
margin-top:5px;
margin-right:10px;
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 :
ResponderEliminar( http://dl.dropbox.com/u/6474180/ayudame.PNG )
gracias!!!
buena aplicacion... ¿como puedo utilizarlos para otros motivos? por ejemplo "faltan 3 dias para que suba mi post tan esperado bla bla etc."
ResponderEliminarOCTAGONO3D, para enmarcar los post busca la línea .post { y debajo de ella pega border:1px solid #000;
ResponderEliminarnEjO, en esta entrada verás el código base.
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?
ResponderEliminarSaludos
¿A qué te refieres con "representado como imagen"?
ResponderEliminarPotro! gracias por el dato! ya lo pude modificar a otro estilo y tabn los comentartios que tabn faltaba enmarcarlos! gracias Potro!!!!!
ResponderEliminarq 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
ResponderEliminarExcelente el gadget!!!
ResponderEliminarMe viene bárbaro para mi blog de fútbol, así lo uso para los próximos partidos de mi cuadro!
Gracias Potro.
Coloush +16, de hecho no debería aparecer en las páginas, quizá pusiste mal un código, revisa de nuevo.
ResponderEliminarAdministrador de UPF, seguro que en blogs de deportes luce mucho mejor :)
master eres el mejor gracias
ResponderEliminarQué bueno que te gustó :)
ResponderEliminarEse esta bueno. ya lo pondre mas tarde.
ResponderEliminarSaludos.
Muy bueno lo acabo de poner queda genial muchas gracias
ResponderEliminarhttp://brujo5-iphone.blogspot.com/
Qué bien que les ha gustado :)
ResponderEliminarno me funciono no sale nada noce que pasa bu esta bueno
ResponderEliminarel 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
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.
ResponderEliminarRespecto a los archivos, sólo haz click en Editar sobre el gadget Archivos del blog y selecciona la opción 'Lista'
graxias por la eyuda
ResponderEliminarI have collection 5 more such widgets on my blog....I hope you would like to see them..
ResponderEliminarFootbal Worldcup 2010 gadgets
Thank you for sharing!
ResponderEliminarya 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.
ResponderEliminarSeguro que a tus amigos les gustará :)
ResponderEliminar¡Besos!
Me da gusto que haya sido del agrado de ustedes :)
ResponderEliminarPotro, 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.
ResponderEliminarGracias de todocorazón =)
Te agradezco mucho tus comentarios, de verdad es un gusto saber que los temas que comparto te han podido ser útiles y de ayuda.
ResponderEliminarSaludos.
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
ResponderEliminarespero tu respuesta
ResponderEliminarNo sé manejar la plataforma de flash pero seguro que en Trucos Flash podrás encontrar algún modo de hacerlo.
ResponderEliminarSaludos.
Felicitarte es poco Bro... eres un genio!!!
ResponderEliminarUn abrazo!!!
Gracias brother :)
ResponderEliminaresa es buena compa saludos y felicitaciones
ResponderEliminarMuy buen gadget quedo muy bien en mi web http://www.futbol40.com
ResponderEliminarGracias por el aporte :)
Saludos
Qué bueno que les ha gustado :D
ResponderEliminarHola 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
ResponderEliminarClaro, sólo se configura el script con otra fecha aunque tendrá la misma imagen, tendrías que cambiar la imagen po otra.
ResponderEliminarEn esta entrada está el código del contador por si deseas hacer el tuyo.
Gracias
ResponderEliminarhola, como puedo hacer un contador similar para el cumpleaños de mi blog?
ResponderEliminarEn el comentario #62 está el enlace de la entrada donde está el código del contador.
ResponderEliminarYa faltan 13 dias para que lo pongo
ResponderEliminar13 días son 13 días...
ResponderEliminarPodrías intentar de este modo:
ResponderEliminar<a href="URL del enlace">
...Aquí el código del gadget...
</a>
como puedo cambiar el fondo por otra imagen?
ResponderEliminaral cambiar la imagen no me respeta la altura ni el ancho.
ResponderEliminarSi cambias la imagen debe tener la misma altura y el mismo ancho.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarOye con que programa lo ha hecho...
ResponderEliminarLa imagen con Photoshop, lo demás es puro Javascript.
ResponderEliminarVale, pero como hago lo de la cuenta atrás es decir, los días.
ResponderEliminar¿¿Y Que codigo utilizo??
En esta entrada verás el código básico del contador.
ResponderEliminarmm.. claro también puedo solo cambiar la imagen y cambiar la fecha no??
ResponderEliminarVale, pero me¿¿ podrías indicar o hacerme el código que tengo que hacer??
ResponderEliminarNecesito 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
??
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.
ResponderEliminarSi 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.
Encontre esta página para hacer contador pero esta no es la misma (Te la dejo aquí si te gusta)
ResponderEliminarhttp://www.countdownclockcodes.com/
Uhhh está muy bueno el sitio, gracias por compartirlo :)
ResponderEliminar¿De cuanto es la imagen?
ResponderEliminarCual es su tamaño?
200px de ancho y 100px de alto.
ResponderEliminarPotro, como estás?
ResponderEliminarNecesito 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!
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:
Eliminarhttp://ciudadblogger.com/2012/03/gadgets-de-cuenta-regresiva-para.html
Saludos.
Excelente! Ya quedó funcionando. Saludos.
EliminarMuchas gracias ya lo adapté para mi blog, de verdad Potro mil gracias y recomendable tu página.
ResponderEliminarPor nada :)
EliminarHola potro:
ResponderEliminarpues 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/
Hola potro:
ResponderEliminarYa he podido hacerlo de toda forma muchisima gracias!!
Hola potro:
ResponderEliminarComo puedo saber la medida de altura de widget o sidebar?
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.
Eliminarcon 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.
ResponderEliminarFue el mundial del 2010, ya no hay razón para usarlo ;)
Eliminar