Minipod musicali per siti e blog

Buona sera a tutti, stasera ho una piccola sorpresina per voi... Visto che è da tanto che non realizzavo piccoli lavori di grafica e gadget per blog e siti, stasera ho voluto mettermi all'opera. L'anno scorso vi ho parlato del mio iPod che si era rotto... ci ero rimasta male perchè era il regao che mi era stato fatto per i miei 18 anni dai miei compagni di classe (post qui). Ecco, dovete sapere che circa un mese dopo quello stesso iPod riprese a funzionare con mia grande sorpresa e piacere. Tuttavia, il tempo usura ogni cosa e anche se mi ha regalato altri indimenticabili momenti arricchiti dalla musica che più mi piace ascoltare, anche quest'anno il mio lettore ha deciso di mettersi a riposo... forse per sempre... sarà il tempo a confermarlo (anche perchè la settimana scorsa diede d nuovo segni di vita per un giorno, poi si è spento di nuovo). Ad ogni modo già l'anno scorso mi venne un'ideuzza: perchè non creare dei minipod colorati da inserire nei vostri siti/blog? Così con l'aiuto del mio carissimo amico Gabriele e della mia sorellina Elena son riuscita a creare ciò che avevo immaginato ^_^ Ho creato le basi grafiche  e poi ho messo a punto il codice. Ricordatevi di visitare i loro blog che sono bellissimi e pieni di sorprese e magie!!
Qui sotto ho impostato uno dei minipod come esempio. Non ho messo l'autoplay perchè, come potete notare, ho già un sottofondo musicale nel blog, che potete facilmente stoppare scendendo nella colonna e cliccando su pausa sul lettore che si trova sotto il widget La mia casetta virtuale.




Ed ora eccovi i minipod da prelevare, sperando che siano di vostro gradimento. Ne ho realizzati in vari colori per avere maggiore scelta. Forse ne realizzerò altri in futuro, non so ancora.
E' semplice creare il video da inserire all'interno del lettore, infatti non dovrete fare altro che scegliere il vostro video preferito da YouTube, copiarne l'url in alto e accedere al sito VTubeTools. Non dovrete fare altro che copiare l'url del video dove richiesto e settare il lettore come preferite (scegliendo tra le impostazioni di autoplay, loop, etc...). Io di solito preferisco utilizzare la vecchia versione del sito che potete visualizzare cliccando su Old Code nel menu in alto, anche perchè mi permette di modificare a mio piacimento anche il colore della barra. Mi raccomando: ricordatevi di impostare le dimensioni del video esattamente come quelle segnate sul diplay dei minipod.
Raccomandazione di routine è quella di non togliere i credits. Se avrete bisogno di aiuto per far funzionare il codice o vorrete una versione personalizzata del minipod, basa contattarmi inviandomi una mail o anche scrivendomi qui direttamente in un commento.

Video di dimensioni max width="136" height="104" <table width="180" height="271" border="0" cellspacing="0" align="center" style="background-position:bottom; background-repeat:no-repeat" background="http://i1188.photobucket.com/albums/z409/raky17/minipodsfumatoverdemarrone_n.png"> <tr> <td width="15" height="23"> </td> <td width="136"> </td> <td width="15"> </td> </tr> <tr> <td height="104"> </td> <td align="center" valign="middle"> <font color="#FFFFFF"> Video di dimensioni max<br />width="136"<br />height="104" </font> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>	NB: Per inserire il video all'interno della tabella devi cancellare la stringa di codice: <font color="#FFFFFF"> Video di dimensioni max<br />width="136"<br />height="104" </font> Successivamente potrai incollare al suo posto il codice del video che avrai creato tramite http://www.vtubetools.com
Video di dimensioni max width="136" height="104" <table width="180" height="271" border="0" cellspacing="0" align="center" style="background-position:bottom; background-repeat:no-repeat" background="http://i1188.photobucket.com/albums/z409/raky17/minipodsfumatoviola_n.png"> <tr> <td width="15" height="23"> </td> <td width="136"> </td> <td width="15"> </td> </tr> <tr> <td height="104"> </td> <td align="center" valign="middle"> <font color="#FFFFFF"> Video di dimensioni max<br />width="136"<br />height="104" </font> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>	Video di dimensioni max width="136" height="104" <table width="180" height="271" border="0" cellspacing="0" align="center" style="background-position:bottom; background-repeat:no-repeat" background="http://i1188.photobucket.com/albums/z409/raky17/minipodsfumatorosaazzurro_n.png"> <tr> <td width="15" height="23"> </td> <td width="136"> </td> <td width="15"> </td> </tr> <tr> <td height="104"> </td> <td align="center" valign="middle"> <font color="#FFFFFF"> Video di dimensioni max<br />width="136"<br />height="104" </font> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>
Video di dimensioni max width="136" height="104" <table width="180" height="271" border="0" cellspacing="0" align="center" style="background-position:bottom; background-repeat:no-repeat" background="http://i1188.photobucket.com/albums/z409/raky17/minipodnero_n.png"> <tr> <td width="15" height="23"> </td> <td width="136"> </td> <td width="15"> </td> </tr> <tr> <td height="104"> </td> <td align="center" valign="middle"> <font color="#FFFFFF"> Video di dimensioni max<br />width="136"<br />height="104" </font> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>	Video di dimensioni max width="136" height="104" <table width="180" height="271" border="0" cellspacing="0" align="center" style="background-position:bottom; background-repeat:no-repeat" background="http://i1188.photobucket.com/albums/z409/raky17/minipodnerotrama_n.png"> <tr> <td width="15" height="23"> </td> <td width="136"> </td> <td width="15"> </td> </tr> <tr> <td height="104"> </td> <td align="center" valign="middle"> <font color="#FFFFFF"> Video di dimensioni max<br />width="136"<br />height="104" </font> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>
Video di dimensioni max width="136" height="104" <table width="180" height="271" border="0" cellspacing="0" align="center" style="background-position:bottom; background-repeat:no-repeat" background="http://i1188.photobucket.com/albums/z409/raky17/minipodblu_n.png"> <tr> <td width="15" height="23"> </td> <td width="136"> </td> <td width="15"> </td> </tr> <tr> <td height="104"> </td> <td align="center" valign="middle"> <font color="#FFFFFF"> Video di dimensioni max<br />width="136"<br />height="104" </font> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>	Video di dimensioni max width="136" height="104" <table width="180" height="271" border="0" cellspacing="0" align="center" style="background-position:bottom; background-repeat:no-repeat" background="http://i1188.photobucket.com/albums/z409/raky17/minipodciclamino_n.png"> <tr> <td width="15" height="23"> </td> <td width="136"> </td> <td width="15"> </td> </tr> <tr> <td height="104"> </td> <td align="center" valign="middle"> <font color="#FFFFFF"> Video di dimensioni max<br />width="136"<br />height="104" </font> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>

Spero che i minipod siano di vostro gradimento e che vogliate adottarli nei vostri blog e siti. Un abbraccio e buona domenica a tutti!!

PS: ho notato purtroppo che con IE il video viene visualizzato più in basso nella tabellina..probabilmente è un errore che crea il form del post...in ogni caso il codice funziona..l'ho provato all'interno delle colonne del blog e non dà questo problema... sono spiacente :(
Per visualizzare correttamente i minipod anche dal post provate ad accedere al blog con Google Chrome