Enlaces Patrocinados






Anuncios Patrocinados






Cuenta Regresiva para FECHAS IMPORTANTES

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 al menu plantilla, elementos de página, añadir elemento de pagina, HTML/javascript y listo copiamos todo el código ahi, y le ponemos el titulo a nuestra nueva sección:

Este es el código que debemos copiar:

<form name="count">
<input name="count2" size="32" type="text"/>
 </form>

<script>

/*
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)
</script>

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">
<input type="text" size="69" name="count2">
 </form>

 <script>

/*
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)
</script>

2º Forma de Hacerlo:
Esta Otra Forma solo funciona en Explorer, y desplega sólo los días.

Este truco para el nuevo blogger, es mas fácil aún, ya que no se debe agregar nada en la plantilla, solo vamos al menu plantilla, elementos de página, añadir elemento de pagina, HTML/javascript y listo copiamos todo el código ahi, y le ponemos el titulo a nuestra nueva sección:

Este es la primera parte del código:

<!-- Mas trucos y scripts en http://www.javascript.com.mx -->
<script LANGUAGE="JavaScript">
<!--
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);
  }
// -->
</script>

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.

Este es la segunda parte del código:

<script LANGUAGE="JavaScript">
<!--
getRemaining();
document.write("Faltan ",remaining," dias para mi cumpleaños!");
// -->
</script>

Nota: La primera y segunda parte del código se copian juntas, una abajo de la otra, de la manera que mencione anteriormente (como elementos de pagina).

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)

2 Responses to “Cuenta Regresiva para FECHAS IMPORTANTES”

  1. no hay caso no se donde se pega este codigo dicen que lo pege en la plantilla pero dooooooonde mas especificamente que alguien me lo diga o me voy a volver loco itentandolo haber si alguien se molesta y me lo esplica gracias

  2. MUCHAS GRACIAS, USE EL PRIMER CÓDIGO Y ME SIRVIO PARA MI WEB DE PICZO

Añadir un comentario.

Debes haber iniciado sesión para enviar un comentario.

Categorías

Chat

De todo

Licencia

Esta prohibido copiar articulos, modificarlos y usarlos como propios. Esta obra tiene derechos reservados.
  • Partner links