Come avere un lettore automatico sul tuo blog di Tumblr

Puoi configurare un lettore musicale per avviare automaticamente la riproduzione di una clip audio quando un visitatore apre il tuo blog Tumblr. Seleziona un lettore audio supportato nei temi di Tumblr e include la funzione di riproduzione automatica, come Hypster, Grooveshark o Billy Player, seleziona la canzone o la playlist che utilizzerai nel tuo lettore, genera il codice del widget con la funzione di riproduzione automatica abilitata e quindi installa il codice generato nel tuo tema Tumblr. Se hai già installato un widget del lettore musicale che supporta la funzione di riproduzione automatica, modifica il codice HTML del widget per abilitare tale funzione.

Nuovo widget lettore musicale

Apri Hypster, Grooveshark, Billy Player o un sito simile in un browser, quindi crea un account, se necessario (vedi Risorse).

Crea e salva una playlist contenente almeno un brano sulla piattaforma selezionata. Nota che se selezioni Billy Player, devi inserire uno o più URL alle tue playlist o brani ospitati, poiché il sito non ospita musica; tuttavia, sia Hypster che Grooveshark ospitano un'ampia selezione di contenuti audio.

Genera il codice del widget del giocatore. Per Grooveshark, fai clic sull'icona "Condividi brano" accanto a un singolo brano per aprire la finestra di dialogo Condividi. Per condividere una playlist, fai clic sul pulsante "Condividi" accanto alla playlist nella pagina della playlist. Fare clic su "Incorpora" nella finestra di dialogo Condividi per visualizzare il codice per il widget incorporato in una casella di testo. Per Hypster, fai clic su "Crea" nel menu di navigazione in alto, fai clic sull'opzione "Crea giocatore", quindi fai clic sul design del giocatore per aprire la pagina delle opzioni del codice.

Fare clic sulla casella di controllo "Riproduzione automatica" per abilitare la funzione. L'opzione Autoplay si trova sotto i campi di inserimento di brani e playlist su Billy Player; in Hypster e Grooveshark, si trova nella casella a discesa Seleziona playlist. Modifica qualsiasi altra opzione del giocatore, come il collegamento o i colori di sfondo, come desiderato. Fare clic su "Ottieni codice" o sull'opzione equivalente per visualizzare il codice in una casella di testo.

Seleziona tutto il codice, quindi premi "Ctrl-C" per copiarlo negli appunti. Puoi anche fare clic con il pulsante destro del mouse all'interno della casella del codice con tutti i caratteri selezionati, quindi fare clic su "Copia" nel menu di scelta rapida per copiare il codice.

Apri la tua dashboard di Tumblr, fai clic sulla freccia accanto al nome del blog principale, seleziona il blog che ospiterà il tuo lettore musicale, quindi fai clic sulla scheda "Personalizza" per aprire il blog selezionato per la modifica.

Fai clic sull'opzione "Modifica HTML" nel menu Personalizza per aprire l'editor del tema.

Incolla il codice del widget del lettore musicale nella posizione desiderata nel codice del tema premendo "Ctrl-V". L'esatto posizionamento del codice dipende dal giocatore, quindi segui le istruzioni del sito del giocatore per inserire il tuo codice -- in alcuni giocatori, inserisci il codice del widget nel "" tag, ad esempio, mentre per altri il widget risiede nella "" etichetta.

Fare clic su "Aggiorna anteprima" per visualizzare il lettore nel riquadro Anteprima.

Fare clic su "Salva" per salvare le modifiche, quindi fare clic su "Esci" per chiudere il menu Personalizza.

Modifica widget esistente

Accedi a Tumblr, quindi fai clic sulla freccia accanto alla voce per il tuo blog principale nella barra laterale destra della dashboard. Si apre un elenco dei tuoi blog.

Fare clic sul blog che ospita il widget del lettore audio per aprire il blog nella dashboard.

Fai clic sulla scheda "Personalizza" per aprire il tema con il menu Personalizza attaccato alla barra laterale sinistra.

Individua l'HTML per il widget del tuo lettore nel codice del tema. Seleziona prima la casella Descrizione nel menu Personalizza. Se il codice del widget non è nella casella Descrizione, il codice è incorporato nel tema HTML, nel qual caso fai clic sul pulsante "Modifica HTML" per aprire l'editor HTML, premi "Ctrl-F" per aprire la casella Trova, quindi digita il nome del tuo giocatore per individuare rapidamente il widget nel codice.

Modifica il comando "autoplay=false" in "autoplay=true".

Fare clic sul pulsante "Aggiorna anteprima" per visualizzare in anteprima le modifiche dall'editor HTML.

Fare clic sul pulsante "Salva" per salvare e pubblicare le modifiche.

Suggerimenti

Nota che puoi anche creare post audio sul tuo blog usando il modulo Tumblr Audio Post; puoi cercare negli archivi musicali di SoundCloud e Hypster per aggiungere musica al tuo post. Tuttavia, non è possibile configurare un post audio per riprodurre automaticamente la clip.

Avvertenze

Copia e incolla il codice del widget del lettore originale in un documento di testo vuoto prima di modificare l'HTML del widget, in modo che se commetti un errore durante la modifica del codice, puoi ripristinare rapidamente il codice originale.