Pubblicato il 09/12/08 - aggiornato il  | 19 commenti :

Mettere un Player MP3 con una Playlist nel blog per creare dei sottofondi musicali.

All'avvicinarsi delle feste mi sono posto il problema di come rendere più natalizio il nostro blog. Il primo passo è stato fatto con l'inserimento dell'effetto neve descritto in questo articolo. Adesso vediamo come inserire un sottofondo musicale adatto alla circostanza.
Visto che c'ero ho però allargato la prospettiva e propongo un lettore musicale da inserire nella Home del blog che vada bene per tutto l'anno con le nostre canzoni preferite che il visitatore può decidere di ascoltare o naturalmente di non farlo.
Rechiamoci nel sito My Flash Fetish che credo sia il migliore del suo genere. Effettuate la registrazione; inserite il vostro username abituale perché può darsi che siate già registrati senza saperlo essendo il sito collegato ad altri dei quali forse siete già membri. Clicchiamo sul pulsante MP3 Playlist e selezioniamo la forma del Player che vogliamo nel nostro sito. Le dimensioni in questo caso sono importanti a seconda della zona del blog in cui si vuole inserire. Quindi premiamo su Create Now. Io ho scelto un Player per chi non ha problemi di spazio. Questa è la forma del Player



 image


Nella parte bassa della pagina ci sono tutte le personalizzazioni che si vogliono fare.
  • Si possono scegliere i colori più adatti per il nostro blog
  • Per aggiungere una canzone si può direttamente cercarla sul server del sito che in genere trova i pezzi su Youtube insieme al relativo video. Basta digitare nel form il titolo del pezzo e quindi cliccare sulla freccia per sentire l'anteprima, infine su + per aggiungerla alla Playlist
    image
  • Si può anche inserire  una nostra canzone dopo averla caricata in un servizio di hosting e facendo l'upload.
  • Da notare che con questo Player il video relativo viene visualizzato in una piccola finestra in alto a sinistra
  • Scegliere se mettere il segno di spunta su Autoplay per far partire le canzoni automaticamente all'apertura della pagina
  • Scegliere Shuffle per mescolare l'ordine della riproduzione
  • Dare un nome alla Playlist
  • Cliccate su Get the code e scegliete il servizio che vi viene proposto e, se non c'è, come per Blogger selezionate Other Website quindi copiate il codice, aspettate che il server immagazzini i vostri dati ed incollatelo in Aggiungi gadget>HTML/Javascript 

image


Ci sono anche altr e personalizzazioni del widget che possono interessare. Infatti andando su Styles si possono scegliere gli stili e, eventualmente delle animazioni. Su Skins si può cambiare la forma del Player anche in un secondo momento. In Setting possiamo scegliere se mostrare il Player a tutti oppure nasconderlo e il volume della riproduzione in percentuale.


image


Un esempio di Player lo vedrete almeno per un mese nella colonna di destra del blog. Alla base del Player cliccando su Get Track possiamo aggiungere in qualsiasi momento altri pezzi alla nostra Playlist. L'unica scocciatura è che dobbiamo copiare ed incollare nuovamente il codice. Ho provato ad inserire lo stesso codice su più di un sito ma ci sono dei problemi quindi ne deduco che ciascun widget può essere utilizzato per un solo blog. Se volete inserire questo player in più di un blog potete comunque creare una nuova playlist con un altro nome. Quando vi recherete nel sito, nel vostro account, visualizzerete subito i widget che avete creato e volendo li potete modificare aggiungendo altri pezzi musicali.
Un'ultima cosa. Per far entrare questo Player nel mio modello ho dovuto modificarne le misure. Per farlo si apre il gadget e si inseriscono quelle più adatte. In questo caso ho dovuto mettere una larghezza di 350 pixel invece dei 410 previsti. 






19 commenti :

  1. Ciao,
    scoperto 2 giorni fa per sbaglio, ma, grazie lo stesso.
    Ho una richiesta da fare: come si può fare in qualche modo per postare un articolo del blog su facebook, con un pulsante, con una procedura, con qualsiasi cosa (meglio se con un pulsante che tutti possono usare).
    Grazie, ciao

    RispondiElimina
  2. @Carlo S.
    Si possono postare automaticamente tutti i post di tutti i blog che hai su Facebook. Devi usare però un altro social che si chiama Friend Feed.
    Su Friend Feed aggiungi i tuoi account e tutti gli URL dei tuoi blog e, automaticamente, vengono visti sulle tue pagine personali di Facebook. Magari in futuro ci posso fare un post anche se non sono un grande frequentatore di quel sito, sbagliando perché è uno dei più visti d'Italia.
    Ciao

    RispondiElimina
  3. Ogni volta compongo la mia playlist ma non parte nemmeno se clicco su play.
    Il codice non mi convince in ogni caso, è possibile finisca con ''<img''?


    Grazie per il tuo aiuto in anticipo.

    RispondiElimina
  4. @Scotland
    Il servizio MyFlashFetish è stato assorbito da MixPod. Prova a seguire le istruzioni di quest'altro post
    http://www.ideepercomputeredinternet.com/2010/12/come-inserire-una-musica-di-sottofondo.html
    Ciao

    RispondiElimina
  5. Proverò a seguire il tuo consiglio, in ogni caso ti ringrazio per l' aiuto, ciao.

    RispondiElimina
  6. Scusa se disturbo ancora, ma cosa significa quando ti appare questo messaggio?
    Non è possibile accettare il codice Tag is not closed: IFRAME specificato.

    Grazie mille.

    RispondiElimina
  7. @Scotland
    Significa che hai inserito nel commento qualche tag HTML, ne sono ammessi solo pochissimi.
    Se ti riferivi al commento :D

    RispondiElimina
  8. No, veramente mi è apparso quando ho cercato di mettere l' opzione ''mi piace'' da Facebook nel mio blog... non è una delle priorità, ma non ho capito dove può essere il problema e come risolverlo.

    Ciao.

    RispondiElimina
  9. @Scotland
    Per inserire il Mi Piace di Facebook segui questo tutorial
    http://www.ideepercomputeredinternet.com/2010/04/come-inserire-il-plugin-piace-di.html
    Se ti dice che il tag < iframe > si deve chiudere prova a inserire < /iframe > dopo la chiusura del tag con le dimenzioni ...height:60px'/ >
    Ciao

    P.S. Ho inserito degli spazi tra i tag e i segni minore e maggiore perché altrimenti non pubblicava il commento

    RispondiElimina
  10. Sì, adesso ho potuto postare l' articolo, già è un passo avanti... ma non mi si visualizza niente :P

    http://nonsoloindie.blogspot.com/2010/12/verdena-razzi-arpia-inferno-e-fiamme.html

    RispondiElimina
  11. @Scotland
    Analizzando il tuo codice ho visto che non lo hai inserito sopra a
    div class='post-footer'
    ma a
    style='clear: both;'
    Può darsi che dipenda da quello. Altrimenti prova un'altra posizione...

    RispondiElimina
  12. Scusa ma div class='post-footer' è uguale a div class='separator'? Proprio non lo trovo...

    RispondiElimina
  13. @Scotland
    C'è per forza ho guardato sul tuo sorgente pagina. Guarda lo screenshot per avere una idea di dove andare

    http://lh3.ggpht.com/_nT13UtBmmiU/TRNzNBC7ExI/AAAAAAAAQx4/jgqt7XkQH78/screenshot.jpg
    Ciao

    RispondiElimina
  14. Scusami ma sono duro, la parte che si vede dopo il link da incollare, quando modifico l' articolo la dovrei visualizzare? Intendo quella sotto dove c'è scritto <div style='clear: both;></div>... e via dicendo fino a ''pubblicato da''.

    No perchè non la visualizzo, ho provato a scriverla a mano ma mi dà errore... boh.

    RispondiElimina
  15. @Scotland
    Non so perché non si vedeva. So solo che la avevi incollata nel punto sbagliato. Doveva andare subito sopra alla riga che ti ho indicato nell'articolo e nello screenshot evidenziandola di viola. Adesso vedo che hai tolto il pulsante. Non è poi un grosso problema...

    RispondiElimina
  16. Si hai ragione, posso provare anche da solo.
    Scusa se ti ho disturbato, grazie per l' aiuto.


    Ciao.

    RispondiElimina
  17. come faccio a inserire della musica mia sul blog?ho fatto l'upload in dropbox ma da my flash fetish non capisco come caricarla!

    RispondiElimina
  18. @GRAZIA MAPPA
    Se non sei capace con MyFlashFetish prova con questo player
    http://www.ideepercomputeredinternet.com/2011/01/come-inserire-una-radio-con-un-player.html

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.