Voy a mostrar dos códigos diferentes que sirven para tener una cuenta regresiva en el blog.
1º Forma de Hacerlo:
Este código Funciona para explorer y Firefox. Para tener nuestra cuenta regresiva solo vamos a la parte de la plantilla, en la que desplegaremos el código, y listo copiamos todo el código ahi:
Este es el código que debemos copiar:
<form name="count">
</form>
/*
Count down until any date script-
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
*/
//change the text below to reflect your own,
var before="Mi Cumpleaños!"
var current="Hoy es Mi Cumpleaños!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.forms.count.count2.value=current
return
}
else
document.forms.count.count2.value=" "+dday+ " días, "+dhour+" hrs, "+dmin+" min, y "+dsec+" seg "
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//enter the count down date using the format year/month/day
countdown(2007,06,20)
Ahora en la penúltima línea del código, cambiamos la fecha countdown(2007,06,20), a la que cada uno necesite.
Yo realicé algunas modificaciones al código, ya que el mensaje que desplegaba estaba en ingles y era muy largo, pero si alguien lo necesita así, aquí se los dejo:
<form name="count">
</form>
/*
Count down until any date script-
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
*/
//change the text below to reflect your own,
var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.forms.count.count2.value=current
return
}
else
document.forms.count.count2.value="Only "+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+before
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//enter the count down date using the format year/month/day
countdown(2002,12,25)
El tamaño del cuadro que se despliega lo cambian variando el siguiente número size=”69″.
Si no estan seguros en donde copiar este código revisen este otro post: Donde Debo Pegar el Código de Algún Accesorio en mi Plantilla (Template)
2º Forma de Hacerlo:
Este otro código solo funciona para explorer, en firefox aparece otra cosa nada que ver :(.
Si necesitan recordarles a sus visitantes alguna fecha importante, eventos o cualquier otra idea que tengan, a mi parecer esta es la mejor manera, “Una Cuenta Regresiva“, ya que los post pasan, y la gente se olvida, en cambio una cuenta regresiva, estará todo el tiempo que necesitemos en el blog.
Primero debemos colocar este código sobre la etiqueta </head> ubicada en la plantilla del blog.
<!-- Mas trucos y scripts en http://www.javascript.com.mx -->
<!--
function getRemaining() {
today = new Date();
targetdate = new Date("June 20, 2007");
targetdate.setYear(today.getYear());
milliseconds = (24 * 60 * 60 * 1000);
remaining = ((targetdate.getTime() - today.getTime()) / milliseconds);
remaining = Math.round(remaining);
}
// -->
La fecha que yo quiero resaltar es Junio dia 20, año 2007. Ustedes simplemente cambian este dato por el de ustedes.
Ahora vamos al lugar en donde quieren que aparesca el aviso, en mi caso lo deje en la columna izquierda parte superior.
<!--
getRemaining();
document.write("Faltan ",remaining," dias para mi cumpleaños!");
// -->
El tipo de aviso lo cambian en la línea donde aparece el código document.write, si no estan seguros en donde copiar este código revisen este otro post: Donde Debo Pegar el Código de Algún Accesorio en mi Plantilla (Template)
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.
