Gadgets de cuenta regresiva para Londres 2012

Los XXX Juegos Olímpicos están cada vez más cerca y muchos, sobre todo los que gustan del deporte, están esperando con ansias este acontecimiento que se celebra cada cuatro años.

Así que para todos aquellos que quieran estar al pendiente de los juegos, he hecho un gadget de cuenta regresiva para las Olimpiadas de Londres 2012 en tres colores.

Para poner uno de estos tres contadores entra en Diseño | Añadir un gadget | HTML/Javascript y ahí pega el código del contador que más te guste.

<table background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0D1FZ5cCj-FLREbSwdTm0kVtD8lOxc0XXfEoi0lfV-EbGubH00cvsJ_wcehENtCTdG-J-RHBAeWtC_Mj3xhNHjrjuyYWyMRaCDDXWRBzpZ5iho0Bb8EPBDOVYGfMkX8XUgd79PXi7G7s/s0/countdown_bg.png"border="0"width="250"height="162"cellpadding="0"><tbody><tr><td><div style="width:145px; height;64px; text-align:center; margin-top:-20px; float:right; font-size:56px;font-family:impact; color:#da0080"><script type="text/javascript">// Cuenta regresiva Londres 2012
// Diseñado por ciudadblogger.com
function renderMessage(dateStr,msg1,msg2,countFrom){var date=new Date(dateStr);var now=new Date();var diff=date.getTime()-now.getTime();var days=Math.floor(diff/(1000*60*60*24))+1;if(days<1){document.write(msg1)}else{if(countFrom)days=countFrom-days;document.write(msg2.replace(/%days%/g,number_format(days)))}}function number_format(num){num=num.toString().replace(/\$|\,/g,'');if(isNaN(num)){num="0"}sign=(num==(num=Math.abs(num)));num=Math.floor(num*100+0.50000000001);num=Math.floor(num/100).toString();for(var i=0;i<Math.floor((num.length-(1+i))/3);i++)num=num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3));return(((sign)?'':'-')+num)}</script><script type="text/javascript">renderMessage("July 27, 2012","00","%days%");</script></div></td></tr></tbody></table>

<table background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqKDqtDpNMMuYNScps_XcH9xzWVjzs0pkRYs2bqFcOrSklunpoG_GpnykC-umJM0t0xewOs9Cz6nobvSA1p98190H4QxDp6kV7NdmaYEXWRDiAKRTkp_20I6_8LpzVOIDxs4JXDRmirA/s0/countdown_bg.png"border="0"width="250"height="162"cellpadding="0"><tbody><tr><td><div style="width:145px; height;64px; text-align:center; margin-top:-20px; float:right; font-size:56px;font-family:impact; color:#009cde"><script type="text/javascript">// Cuenta regresiva Londres 2012
// Diseñado por ciudadblogger.com
function renderMessage(dateStr,msg1,msg2,countFrom){var date=new Date(dateStr);var now=new Date();var diff=date.getTime()-now.getTime();var days=Math.floor(diff/(1000*60*60*24))+1;if(days<1){document.write(msg1)}else{if(countFrom)days=countFrom-days;document.write(msg2.replace(/%days%/g,number_format(days)))}}function number_format(num){num=num.toString().replace(/\$|\,/g,'');if(isNaN(num)){num="0"}sign=(num==(num=Math.abs(num)));num=Math.floor(num*100+0.50000000001);num=Math.floor(num/100).toString();for(var i=0;i<Math.floor((num.length-(1+i))/3);i++)num=num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3));return(((sign)?'':'-')+num)}</script><script type="text/javascript">renderMessage("July 27, 2012","00","%days%");</script></div></td></tr></tbody></table>

<table background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvL9CxDyMo0g3MAjZqHIE8bmGMn4wwIvt1sEg94RDRvzNwCDwZhyw3yvZ-Z8yAV0LOeC5OaGq-JtBsm_cbYOZ6h0V_NqCBuy4q1CFKu_K0UF-1bJBCmDFF5bbHas820YIo6W2ycY0dqnE/s0/countdown_bg.png"border="0"width="250"height="162"cellpadding="0"><tbody><tr><td><div style="width:145px; height;64px; text-align:center; margin-top:-20px; float:right; font-size:56px;font-family:impact; color:#ee8600"><script type="text/javascript">// Cuenta regresiva Londres 2012
// Diseñado por ciudadblogger.com
function renderMessage(dateStr,msg1,msg2,countFrom){var date=new Date(dateStr);var now=new Date();var diff=date.getTime()-now.getTime();var days=Math.floor(diff/(1000*60*60*24))+1;if(days<1){document.write(msg1)}else{if(countFrom)days=countFrom-days;document.write(msg2.replace(/%days%/g,number_format(days)))}}function number_format(num){num=num.toString().replace(/\$|\,/g,'');if(isNaN(num)){num="0"}sign=(num==(num=Math.abs(num)));num=Math.floor(num*100+0.50000000001);num=Math.floor(num/100).toString();for(var i=0;i<Math.floor((num.length-(1+i))/3);i++)num=num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3));return(((sign)?'':'-')+num)}</script><script type="text/javascript">renderMessage("July 27, 2012","00","%days%");</script></div></td></tr></tbody></table>

Y con eso podrás llevarte a tu blog este gadget que contará los días que faltan para los juegos olímpicos. Espero que les gusten :)

Cuenta regresiva para el 21 de diciembre de 2012

Dicen los que saben del tema, que el 21 de diciembre de 2012 se cumplirá una profecía maya en la cual termina un ciclo de su calendario dando paso a una nueva era; se especula mucho sobre lo que sucederá y si bien hay muchas posturas en cuanto al tema, lo cierto es que es una fecha que está en boca de muchos.
En mis vacaciones pasadas me encontré en la Península de Yucatán mucha propaganda en camisetas, gorras, souvenirs, y espectaculares que hablan sobre este acontecimiento, así que pensé que habría quienes les gustaría tener en su blog algo alusivo a esta fecha, por ello diseñé estos gadgets.

Son dos contadores de cuenta regresiva para el 21 de diciembre de 2012 con motivos mayas que se instalan en un parpadeo, y que contarán los días que faltan para que llegue esa fecha.

Cualquiera de ellos se agrega entrando en Diseño | Añadir un gadget | HTML/Javascript.
Si usas la interfaz antigua entra en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript.
Ahora sólo elige el código del contador que más te guste y pégalo ahí.
Espero que sean de su agrado.

<table background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUEnLeaSbeuD2krcuNOpfJKyfBM6lZXi2Y4ZywZhXw-BWVKwdoaBmjW0d8pSwZG0iVFSiSKj-BDWgIfxo8AAKCleM1rFAOcSrdUYqMkbEtoBUdteXhzjI9jqTVHFHMj3xiUndQTTdlysY/s260/calendario-maya1.png"border="0"width="260"height="120"cellpadding="0"style="-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;"><tbody><tr><td><div style="margin-top:3px;margin-left:170px;font-size:45px;font-family:impact;color:#eee;text-shadow: 1px 1px 10px #ccc;"><script type="text/javascript">// Cuenta regresiva 21 Diciembre 2012
// Diseñado por ciudadblogger.com
function renderMessage(dateStr,msg1,msg2,countFrom){var date=new Date(dateStr);var now=new Date();var diff=date.getTime()-now.getTime();var days=Math.floor(diff/(1000*60*60*24))+1;if(days<1){document.write(msg1)}else{if(countFrom)days=countFrom-days;document.write(msg2.replace(/%days%/g,number_format(days)))}}function number_format(num){num=num.toString().replace(/$|,/g,'');if(isNaN(num)){num="0"}sign=(num==(num=Math.abs(num)));num=Math.floor(num*100+0.50000000001);num=Math.floor(num/100).toString();if (num < 10) num = '0' + num;for(var i=0;i<Math.floor((num.length-(1+i))/3);i++)num=num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3));return(((sign)?'':'-')+num)}</script><script type="text/javascript">renderMessage("December 21, 2012","00","%days%");</script></div></td></tr></tbody></table>

<style>body:first-of-type .contador2012{margin-top:-30px;}</style><!--[if IE]> <style>.contador2012{position:relative;margin-top:-30px;}</style><![endif]-->
<table background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2LGB6iuNbcC7HhBhvUhHjsgFpx7Zx-QMcUkPqO4f12NUfiotLeXH7dWeRVilxBlp4IMEPnAilF_uMla0_iiJHXNjj2o9hzXbeU3VcsyLtTjVv84_crtsnR8-G58-O8BkOoGoJKa-N4M/s260/calendario-maya2.png"border="1"bordercolor="5f4a35"cellspacing="0"width="260"height="120"cellpadding="0"><tbody><tr><td><div class="contador2012"style="position:absolute;margin-left:105px;padding-top:0px;font-size:45px;font-family:impact;color:#dbc49b;text-shadow: 1px 1px 5px #000;">
<script type="text/javascript">// Cuenta regresiva 21 Dieciembre 2012
// Diseñado por ciudadblogger.com
function renderMessage(dateStr,msg1,msg2,countFrom){var date=new Date(dateStr);var now=new Date();var diff=date.getTime()-now.getTime();var days=Math.floor(diff/(1000*60*60*24))+1;if(days<1){document.write(msg1)}else{if(countFrom)days=countFrom-days;document.write(msg2.replace(/%days%/g,number_format(days)))}}function number_format(num){num=num.toString().replace(/$|,/g,'');if(isNaN(num)){num="0"}sign=(num==(num=Math.abs(num)));num=Math.floor(num*100+0.50000000001);num=Math.floor(num/100).toString();if (num < 10) num = '0' + num;for(var i=0;i<Math.floor((num.length-(1+i))/3);i++)num=num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3));return(((sign)?'':'-')+num)}</script><script type="text/javascript">renderMessage("December 21, 2012","00","%days%");</script></div></td></tr></tbody></table>

Relojes de cuenta regresiva personalizados

Countdown Clock Codes es un servicio que nos permite crear nuestros propios relojes de cuenta regresiva personalizados, para ello nos ofrecen distintas imágenes de fondo para usar, así como la posibilidad de agregar un mensaje personal en ellos.

Dispone de varias categorías como cumpleaños, navidad, caricaturas, año nuevo, etc.

Su uso es sumamente sencillo, sólo hay que elegir la fecha esperada, la imagen de fondo, el mensaje personal, los colores y listo. Una vez configurado copiamos el código y lo pegamos en un elemento HTML/Javascript.

MySpace-Countdowns

Algunas opciones, excepto la palabra UNTIL (hasta, en español) podemos modificar una vez que tenemos el código.

<center><embed src="http://www.countdownclockcodes.com/cd/ccc-cartoons/show.swf?clickURL=http://www.countdownclockcodes.com/&clickLABEL=MySpace-Countdowns&flashLABEL=CountdownClockCodes&skin=http://www.countdownclockcodes.com/cd/ccc-cartoons/skins/2.jpg&text=%20Aqui%20va%20tu%20mensaje&untilColor=3501985&textColor=16777215&datesColor=0&year=2050&month=0&day=1&hour=0&minute=0&second=0&x=0&y=80" quality="high" bgcolor="#ffffff" width="300" height="200" name="countdown" align="middle" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br><small><a href="http://www.countdownclockcodes.com/">MySpace-Countdowns</a></small></center>

La dirección que está después de URL es el enlace que se encuentra dentro del contador.

Hay dos etiquetas LABEL, la segunda es el texto que aparece en ese enlace dentro del contador.

La URL que está después de skin es la imagen de fondo, así que podemos cambiarla por una imagen propia si es que alguna de las del sitio no nos gustan.

Lo que está después de text es el mensaje personalizado, ese puede quitarse si es que deciden no mostrar ningún texto.

Y como un extra lo que está en gris es el enlace de hasta abajo que aparece fuera del contador.

No es nada extraordinario, pero es una buena opción si es que están cansados de usar un reloj de cuenta regresiva más simple, sobre todo si podemos personalizarlo un poco más.

Enlace | Countdown Clock Codes

Gadget de cuenta regresiva para Sudáfrica 2010

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGNPKZbWRBmWIExZQRZ2Q8uGC7USMlQ3JDts5SCnljMC6GqdOKv03O38Zx5WH0MUDJQVQ464ayfUdCHBnoo0gHXxAjwnlmqGI24EFFspLiiiyzMIddTE-01ZlYN6-RMqE7ifu9wsbgf_A/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