<center><table background="http://dl.dropbox.com/u/40744358/CONTADOR1.jpg" border="0" cellpadding="0" height="120" style="border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; width: 240px;"><tbody>
<tr><td><div style="color: #eeeeee; font-family: impact; font-size: 45px; margin-left: 155px; margin-top: 3px; text-shadow: 1px 1px 10px #ccc;">
<script type="text/javascript">
// Cuenta regresiva 23 Agosto 2013
// original ciudadblogger.com adaptado por ciudadesmecanicas.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("August 23, 2013","00","%days%");
</script></div>
</td></tr>
</tbody></table>
</center>

Y listo, asi de fácil tenemos un sencillo contador que dice los días que faltan para que estrenemos la película!

Si queremos personalizarlo, puede llevar un poco más de trabajo, pero todo está ahi para que lo modifiquemos:

Si quieren cambiar la imagen deben cambiar la parte en color rojo por la URL de la imágen que quieran utilizar.

Si quieren modificar el tamaño deberán cambiar la parte en azul por el ancho (width) o el alto (height) que más les convenga aumentando o disminuyendo los números que ahi se indican. El tamaño por default es de 240 x 120 pixeles.

Tambien pueden modificarlo todo con respecto al número que indica los días:

color: es el color, en este caso es #eeeeee
font family: es el tipo de letra
font size: tamaño
margin left: distancia desde el márgen izquierdo de la imágen hasta donde va a aparecer el número.
margin top: lo mismo pero desde arriba.
text shadow: es la sombra del número, indica las distancias y el color que debe tener la sombra.

Actualizado:
Les traigo el otro contador prometido:



 Un contador con dias, horas, minutos y segundos restantes, que estás viendolo actualizarse en tiempo real, y una imágen de fondo que puede ser personalizada. Creo que cualquiera de ustedes es mejor que yo manipulando imágenes. pero la idea básica es esta. Pueden verlo funcionando aquí mismo. Si te gusta, solo tienes que hacer lo mismo que con el otro contador, copia este código que he adaptado de un contador de Potro de ciudadblogger.com y pegalo en un Gadget de HTML y listo.

<center><table background="http://dl.dropbox.com/u/40744358/contadores/tmicob.jpg"border="0"width="540"height="220"cellpadding="0"style="-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;"><tbody><tr><td><div style="margin-top:-50px;margin-left:150px;font-size:35px;font-family:impact;text-shadow: 1px 1px 10px #F2F39D;">
<script language="JavaScript">
TargetDate = "08/23/2013 00:00 AM";
BackColor = "transparent";
ForeColor = "white";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% D, %%H%% H, %%M%% M, %%S%% S.";
FinishMessage = "Disfruta la película!!!";
</script>
<script language="JavaScript" src="http://ciudad-blogger.googlecode.com/files/countdown.js"></script></div></td></tr></tbody></table></center>

Si quieres personalizarlo, puedes cambiar la imagen de fondo sustituyendo la URL. En este puedes modificar tambien el mensaje que aparecerá cuando la cuenta termine en este caso el color está en en ForeColor y debes cambiar white por algun otro color (red= rojo, blue=azul, yellow=amarillo etc.) 

Echando a volar tu imaginación puedes tener un contador para tu sitio totalmente adecuado a tu blog/Instituto Nefilim! 

¡Esperamos que les guste!

Fuente: Cazadores de Sombras/Ciudades Mecánicas
Artículo: Cazadores de Sombras/Ciudades Mecánicas