[Tutorial] Cuenta regresiva para tu blog

por Alex el 5/4/2010, 11:25 am

CUENTA REGRESIVA PARA TU BLOG

En éste tutorial os voy a explicar cómo poner na cuenta regresiva en vuestro blog para algún acontecimiento, novedad...lo que vosotros queráis.

Lo primero de todo es irnos a:

PA Multi Blog Módulos Personalizado

En título podemos poner el que nosotros queramos, por ejemplo sin irnos más lejos, "Cuenta regresiva".

En contenido deberemos copiar y modificar el siguiente codigo:

Código:: <script> //cambia este texto para indicar el acontecimiento que desees var before="AQUÍ EL NOMBRE DEL EVENTO" var current="Hoy es AQUÍ EL NOMBRE DEL EVENTO" var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function countdown(yr,m,d){ var today=new Date() var todayy=today.getYear() if (todayy < 1000) todayy+=1900 var todaym=today.getMonth() var todayd=today.getDate() var todaystring=montharray[todaym]+" "+todayd+", "+todayy var futurestring=montharray[m-1]+" "+d+", "+yr var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1) if (difference==0) document.write(current) else if (difference>0) document.write("<strong><FONT FACE=verdana SIZE=2 COLOR=#083b00>FALTAN SÓLO "+difference+" DÍAS PARA EL "+before+"</FONT></strong>")} //usa la fecha del evento que quieres señalar en el formato año/mes/día countdown(2011,01,01)</script>

Deberemos modificar dónde dice "AQUI EL NOMBRE DEL EVENTO" (sin eliminar las comillas) por el nombre de nuestro evento.

Después modificaremos la siguiente parte del codigo:

Código:: <FONT FACE=verdana SIZE=2 COLOR=#083b00>

FONT FACE: El tipo de letra.
SIZE: El tamaño de la letra.
COLOR: El código del color que queremos.

Y por último modificaremos la fecha que aparece al final: año-mes-día.

Nos quedará algo parecido a esto: