Alcuni comandi di sito Web possono richiedere un po' di tempo per completare. Quando un visitatore esegue un comando sul tuo sito, ad esempio "Scarica" o "Ordine", è buona norma avere una barra di avanzamento. Barre di avanzamento visitatori al tuo sito Web sapere che qualcosa sta accadendo in background. Senza una barra di avanzamento, il visitatore non può sapere se ha eseguito correttamente il comando. È possibile aggiungere una barra di avanzamento personalizzato al tuo sito utilizzando codici esistenti, personalizzabili disponibili su Internet.

Istruzioni

1

Visitare un sito di generatore di codice JavaScript. Tali siti forniscono codice JavaScript libero, personalizzabile per barre di avanzamento.

2

Naviga il sito per il codice che si adatta alle vostre esigenze. In genere il sito generatore di codice Visualizza le immagini di come la barra di avanzamento appare una volta che il codice di script viene caricato al tuo sito.

3

Evidenziare il codice preferito, pulsante destro del mouse e seleziona "Copia".

4

Aprire un editor di testo, ad esempio Microsoft Notepad.

5

Pulsante destro del mouse e selezionare "Incolla" per inserire il codice JavaScript in un documento di testo normale. È indispensabile utilizzare testo normale, perché alcuni editor di testo RTF riformattare il testo automaticamente, che possono interferire con le linee e gli spazi nel codice.

6

Scorrere il codice JavaScript nel documento di testo e immettere valori dove vedete un'istruzione da parte dell'autore del codice JavaScript. Ad esempio, se a sinistra del testo "Durata specifica della barra di avanzamento in secondi" è un "3", la barra di avanzamento apparirà sullo schermo per un massimo di tre secondi. Eliminare il "3" e immettere il valore preferito, o lasciare come 3 se quella è una durata adeguata.

7

Accedi al sistema di gestione dei contenuti del tuo sito Web. Il sistema di gestione dei contenuti, o CMS, è dove si modifica il tuo sito Web. Ad esempio, se il vostro sito è alimentato da WordPress, andare a www.yourdomain.com/wp-admin. Immettere il nome utente e la password quando richiesto.

8

Aprire l'editor di JavaScript rilevante. Ogni pagina del tuo sito ha un proprio editor HTML, consentendo di personalizzare le pagine indipendentemente uno da altro. Così, ad esempio, se si aggiunge la barra di avanzamento alla pagina "Download eBook" del tuo sito Web, clicca sulla scheda "HTML Editor" accanto a quella pagina nel tuo CMS. È essenziale che selezionare l'editor HTML e non un editor di testo. Se si incolla il codice nell'editor di testo, verrà visualizzato sullo schermo come codice piuttosto che come l'immagine desiderata.

9

Scorrere fino a ricerca "< corpo >" nel codice HTML esistente. È possibile accelerare questo processo utilizzando la funzione "Trova". Premere "Ctrl" e "F" Se si utilizza un PC, o "Comando" e "F" Se si utilizza un Mac, e digitare "corpo" nella casella di testo. Premi "Invio" per trovare il primo tag "body".

10

Copiare il codice modificato dall'editor di testo normale e incollarlo nell'editor HTML, direttamente dopo il tag "< body >".

11

Clicca su "Salva" o "Aggiornamento", a seconda di quale CMS è utilizzare, per caricare il nuovo codice sul sito Web. Visita la tua pagina web e visualizzare la barra di avanzamento.

Consigli & Avvertenze

• Salvare il codice HTML originale dalla tua pagina web in un documento di testo normale. In questo modo, per rimuovere la barra di avanzamento dal sito basta incollare il codice originale sopra il nuovo codice, invece di modificare il nuovo codice.