Come creare uno scrolling box di testi musicali
Come creare uno scrolling box con un’immagine di sottofondo ed il testo che scorre sopra
Vediamo come aggiungere uno scrolling box, ovvero un box in cui, all’interno, il testo di una canzone viene scrollato automaticamente verso sopra o verso sotto.
Nel sito che ti sto per proporre, potrai scegliere la canzone da far scorrere dentro il box, l’immagine di background, il colore del testo e la velocità con il quale farlo scorrere.
Questo script, da aggiungere nelle pagine del tuo sito o blog, potrà essere utilizzato dai tuoi utenti per il karaoke.
PASSO 1 – Iscriviti
Per usufruire del servizio (gratuito) devi iscriverti al sito andando su Metrolyrics.com.
Inserisci il tuo nome, l’username, l’indirizzo e-mail, la data di nascita ed il sesso, ed invia tutti i dati. Riceverai successivamente una mail con all’interno un link su cui cliccare affinchè l’iscrizione possa concludersi.
PASSO 2 – Crea un nuovo scrolling box
Dopo aver effettuato l’accesso (login), vai su APPS » LyricsScroller come puoi vedere nell’immagine seguente:
Adesso clicca sul link Create a new scroller .
Nella pagina successiva dovrai inserire il titolo dello scroller, il testo della canzone e note e/o commenti aggiuntivi.
Quando finisci di compilare i campi e sei sicuro di andare avanti, clicca sul bottoncino Add Scroller (che trovi in basso, sotto tutti i campi).
Nella pagina successiva avrai modo di scegliere tra due tipi di box e personalizzarli.
PASSO 3 – Personalizza il tuo scrolling box
Per personalizzare l’aspetto del tuo scrolling box, potrai utilizzare degli strumenti laterali con i quali potrai:
- Cambiare lo stile del tema;
- Dare una percentuale di trasparenza;
- Scegliere un’immagine di background (puoi inserire anche un URL esterno);
- Scegliere la velocità dello scroller (scroller speed);
- Scegliere il font, il colore e la grandezza dei caratteri.
PASSO 4 – Copia il codice
Dopo aver effettuato tutte le modifiche opportune, preleva il codice embed che ti viene fornito ed incollalo nelle tue pagine web (all’interno dell’HTML).
Esempio di uno scrolling box:
Popularity: 1% [?]
