¿Cómo subir scripts con barras de progreso

Las barras de progreso indica el tiempo estimado restante para completar una orden.

 

SUBIR SCRIPTS

Algunos comandos de sitios web puede tardar un poco en completarse. Cuando un visitante se ejecuta un comando en su sitio, por ejemplo en "Descargar" u "orden", es una buena práctica tener un progreso bar. Las barras de progreso permita que los visitantes a su sitio web saben que algo está pasando en el fondo. Sin un progreso bar, el visitante no puede saber si se ha ejecutado correctamente el comando. Puede agregar una barra de progreso personalizada para su sitio web utilizando los códigos existentes, adaptables disponibles en Internet.

 

Lo que necesita

Las credenciales de seguridad para su sistema de gestión de contenidos web

 

Visite un sitio generador de código JavaScript. Estos sitios ofrecen libre, de código JavaScript personalizable para las barras de progreso.

 

Navegar por el sitio para el código que se adapte a sus necesidades. Normalmente, el sitio generador de código muestra imágenes de cómo se ve la barra de progreso una vez subido su código de script a su sitio.

 

Resalte el código preferido, haga clic derecho y seleccione "Copiar".

 

Abra un editor de texto, como Bloc de notas de Microsoft.

 

Haga clic derecho y seleccione "Pegar" para introducir el código de JavaScript en un documento de texto sin formato. Es imprescindible el uso de texto plano, debido a que algunos editores de texto enriquecido formato de texto de forma automática, lo que puede alterar las líneas y espacios en el código.

 

Desplazarse por el código JavaScript en el documento de texto e introduzca los valores donde se ve una instrucción desde el código JavaScript autor. Por ejemplo, si a la izquierda del texto "Especifique la duración de la barra de progreso en cuestión de segundos" es un "3", la barra de progreso aparecerá en la pantalla durante un máximo de tres segundos. Elimine el "3" y escriba el valor que desee, o dejarlo como 3 si eso es una duración adecuada.

 

Inicie sesión en el sistema de gestión de contenidos de su sitio web. El sistema de gestión de contenidos, o CMS, es donde puede editar su página web. Por ejemplo, si su sitio web es alimentado por WordPress, vaya a www.yourdomain.com / wp-admin. Introduzca su nombre de usuario y contraseña cuando se le solicite.

 

Abra el editor de JavaScript correspondiente. Cada página de su sitio tiene su propio editor de HTML, lo que permite personalizar las páginas de forma independiente el uno del otro. Así, por ejemplo, si va a agregar la barra de progreso de la opción "Descargar eBook" página de su sitio web, haga clic en la pestaña "Editor HTML" al lado de esa página en el CMS. Es fundamental seleccionar el editor HTML y no un editor de texto. Si pega el código en el editor de texto, aparecerá en la pantalla como código y no como la gráfica deseada.

 

Desplácese hacia abajo para buscar "cuerpo" en el código HTML existente. Usted puede acelerar este proceso mediante el uso de la función "Buscar". Pulse la tecla "Ctrl" y "F" si se utiliza un PC, o "Comando" y "F" si está usando un Mac, y el tipo de "cuerpo" en el cuadro de texto. Haga clic en "Enter" para encontrar la primera etiqueta "body".

 

Copie el código de edición del editor de texto y pegarlo en el editor de HTML, directamente después de la etiqueta "body".

 

Haga clic en "Guardar" o "Actualizar", dependiendo de la CMS se utiliza para cargar el nuevo código a la página web. Visita su página web y ver la barra de progreso.

 

Consejos y advertencias

Guarde el código HTML original de su página web a un documento de texto sin formato. De esta manera, para eliminar la barra de progreso desde el sitio que acaba de pegar el código original en el nuevo código, en lugar de editar el nuevo código.