Sábado, 07 Mayo 2011 15:41

Agregar página de Cuenta Regresiva a un sitio web Joomla

Escrito por 
CMS:  Joomla! |  Versión:  Todas |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  15 minutos


cuenta regresiva countdownEn el siguiente artículo veremos cómo agregar una página de cuenta regresiva a nuestro sitio web, esto con la finalidad de crear expectativa del futuro lanzamiento.

Se utiliza un archivo html, el cual ya tiene un código javascript insertado listo para ser modificado

 

 

 

Descargar Página Cuenta regresiva demo en línea

1- Generalidades

El archivo de cuenta regresiva nos permite brindar una interfaz amigable de nuestro sitio web aún cuando no se encuentra listo, de esta manera se crea expectativa del sitio y su futuro lanzamiento. 

El archivo se llama index.html y será colocado en la raiz de nuestro sitio web o en alguna carpeta junto con las imagen del logo de la empresa

2- Descargando el archivo

Se puede descargar de la siguiente link: Descargar página cuenta regresiva

Después de descargar el archivo y visualizarlo en un navegador, veremos que tiene la siguiente apariencia

 

3- Modificando el archivo

Abrimos el archivo con algún editor de texto y modificamos las líneas de la configuración de la fecha, la url del sitio a la cual se redireccionará cuando la cuenta regresiva termine y los textos html.

 

año=2020;
mes=1;
dia=1;
hora=1;
minuto=0;
segundo=0;
urlsitio = 'http://www.tusitio.com/';

 

4 - Resultado Final

Finalmente obtendremos un resultado como la siguiente imagen

 

ver demo en línea en el siguiente link: demo cuenta regresiva webempresa

 

El siguiente video se muestra la implementación de una página de cuenta regresiva en un sitio web Joomla de ejemplo

 

 


¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop