Gadgets de cuenta regresiva para "Los juegos del hambre: En llamas"

jueves, 30 de mayo de 2013 |
de lectura
Hola de nuevo, sé que estuve muy ausente durante la semana, pero he entrado en periódo de exámenes y la verdad no he tenido casi nada de tiempo para publicar, además, entrenando Tae Kwon Do me he lastimado la mano y eso no me dejaba escribir tampoco, aún ahora no escribo con facilidad pues todavía me duele un poco :(

Bueno, pues yo soy fanático de los juegos del hambre desde que leí los libros y vi la película, y creo que hay muchos fans por ahí también, así que he decidido hacerme un contador de días para el estreno, y he decidido compartirlo también con ustedes. La verdad es que no soy muy bueno con el diseño y no encontré el logotipo en español, pero seguiré tratando de hacer más diseños si me los piden.


ACTUALIZACIÓN 08/06/2013 He cometido un error al poner los códigos, así que he decidido poner el código en un blog de notas para que lo descarguen. además, en algunas plantillas el número puede verse desalineado con la imagen Si es tu caso cambia los valores de:
margin-right: 0px; margin-top: 0px; por alguno mayor o menor (incluyendo números negativos) para solucionarlo

DESCARGAR CÓDIGO 1
DESCARGAR CÓDIGO 2
Para añadir el gadget entra en Diseño | Añadir un gadget | HTML/Javascript y ahí pega el código del contador.


Consigue el tuyo

<div align="center"><table background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW7FF7kecSBXbcRv_NBfzwGa1xAO0cLdZCkmNhaZD5sgKdpEP_Bsms9FBZsmSd0d2r0M6gVHoLh6FM7h0u1T7FPIrDRoKAaqj0qywnNj-ECmC6OcMBgC0Rk1N22RVMCo_o54vXGES5z5Y/s1600/contador-bg.png";border="0"width="250"height="162"; cellpadding="0"><tbody><tr><td><div style="color: #ff8300; float: right; font-family: impact; font-size: 56px; margin-right: 0px; margin-top: 0px; text-align: center; text-shadow: 1px 1px 10px #ccc; width: 145px;"><script type="text/javascript">// Cuenta regresiva Los juegos del hambre // Diseñado por serchotm.blogspot.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("November 22, 2013","00","%days%");</script></div></td></tr></tbody></table></div> <center> <span style="color: #666666;"><span style="font-size: x-small;"><a href="http://serchotm.blogspot.com/" target="_blank">Consigue el tuyo</a></span></span></center>


Consigue el tuyo

<div align="center"><table background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtXoS6lio8oX3asIJKYlSdofy5fbcN44wIdzXfIzkdh-k3LQsR06vlDepAEgz_eiDjjBwM9ljEuwA0rWUjUU1E0qxnFVn2dsZzdcl_AJWOTKbKVMO4KtcpJxgd1SnbM5qKRXs8aOAvV3c/s1600/contador_bg.png"border="0"width="250"height="162"cellpadding="0"><tbody><tr><td><div style="color: #29324b; float: right; font-family: impact; font-size: 47px; margin-right: 0px; margin-top: 0px; text-align: center; text-shadow: 1px 1px 10px #ccc; width: 145px;"><script type="text/javascript">// Cuenta regresiva Los juegos del hambre // Diseñado por serchotm.blogspot.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("November 22, 2013","00","%days%");</script></div></td></tr></tbody></table></div> <center> <span style="color: #666666;"><span style="font-size: x-small;"><a href="http://serchotm.blogspot.com/" target="_blank">Consigue el tuyo</a></span></span></center>

El contador fue hecho para México, por lo que si quieres cambiarlo por la fecha de estreno en tu país solo cambia lo que está en verde, recuerda que el nombre del mes debe ir completo y en inglés.

2 comentarios:

  1. en probado con el primer codigio pero no me funciona

    ResponderEliminar
  2. He tenido unos problemas al poner el código, los he puesto en descarga y ahora si, ya deben funcionar correctamente. Saludos

    ResponderEliminar

Uadeuk es un foro abierto. Sí tienes algo que decir puedes hacerlo a través de un comentario. Sólo toma en cuenta tres reglas:

1.-No agredas a los otros comentaristas
2.-Por favor evita el spam.
3.-Si vas a hacer un spoiler avisa antes.
4.- Los memes son bienvenidos. Puedes pegar la url de una imagen, vídeo o gif para insertarlo en tu comentario.