martes, 20 de diciembre de 2011

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>

No hay comentarios:

Publicar un comentario