MUSIQUE NON STOP SUR TON BLOG !
Merci à Pikabo...la Pikagirl qui a pris le problème à l'envers...
Au lieu de chercher à ouvrir les liens dans des nouvelles fenêtres pour qu'il n'y ai pas de coupure de musique, pourquoi ne pas tout simplement ouvrir la musique dans une fenêtre indépendante qui resterai ouverte pendant la navigation !?
Mais c'est bien sur ! pourquoi ni ai-je pas pensé plus tôt !?
Bin...en même temps je peux pas penser à tout non plus, de temps à autre il me faut un peu d'aide...
Alors merci Pika...tu m'a soufflé l'idée, à moi de me débrouiller maintenant pour la mettre en pratique !
Voilà comment ça marche :
Dans un premier temps vous devez créer votre ou vos Playlists sur Deezer...une fois fait, récupérez le script en sélectionnant le code, clic droit et copier.
Vous n'êtes pas obligés de copier le code entier, ce qui nous intéresse se trouve entre les balises <embed.... et </embed> le reste n'est pas utile !
Ouvrez un Bloc-notes et sur la première ligne mettez la balise <html> et en dessous la balise <body> puis la balise qui permet de choisir la couleur du fond de page <body bgcolor="#515151"> avec le code couleur que vous voulez mettre.
Comme ceci :
En créant cette page la première fois, je me suis aperçue que si on écrivait du texte directement, certains caractères n'était pas pris en compte et remplacés par des carrés noirs ou des ?
Je ne saurais pas vous dire pourquoi, alors j'ai trouvé une parade à cela, j'écris mon texte dans Photofiltre et je colle l'adresse de l'image qui contient mon texte et tout est nickel.
Pour cela, il suffit d'ouvrir une page (Nouveau) dans Photofiltre, d'écrire dedans sur un fond de la même couleur que celui que vous avez choisi pour votre page musicale, d'enregistrer sous et d'importer l'image dans un message pour récupérer l'adresse.
Il suffit ensuite de coller l'adresse au bon endroit dans le bloc-notes et le tour est joué !
Un fois que vous avez collé votre image qui contient le texte, vous devez coller le script de votre Player Deezer à la ligne en laissant un espace avec votre texte en mettant la balise <br>
Pour que les Players soient côte à côte mais pas collé les uns au autres, vous devez coller les scripts les uns à la suite des autres en laissant juste un espace (avec la barre d'espace)
ça donne ça :
<embed.....le script 1.........</embed> <embed.....le script 2.........</embed> <embed.....le script 3.........</embed>
Vous devez ajouter les balises <center> </center> au début et à la fin.
Comme ceci :
<center><embed.....le script 1.........</embed> <embed.....le script 2.........</embed> <embed.....le script 3.........</embed></center>
Pour remettre un texte sous les Players, faites comme pour le premier texte, collez l'adresse de l'image qui contient votre texte sous la ligne des Players en laissant un espace avec une balise <br>
Fermez votre page avec les balise </body> et </html> comme sur la capture :
Faites maintenant Fichier / Enregistrer sous entrez un nom pour votre fichier "Player Deezer" par exemple et ajoutez à la suite .html
Comme ceci :
Cliquez sur Enregistrer.
Vous obtenez ça :
Avec Explorer vous aurez le même fichier avec le gros E d'explorer...
Double cliquez sur le fichier, il va s'ouvrir dans votre navigateur internet et vous pourrez voir si vous avez bien travaillé ou si il y a des retouches à faire...
Wahou...trop la classe !
Bon...si c'est tout bizarre et décalé, c'est que vous avez oublié une balise par ci par là...
C'est pas bien grave, faites un clic droit sur votre fichier "Player Deezer" et choisissez "Ouvrir avec" puis "Bloc-notes" votre page html va s'ouvrir et vous pourrez la modifier.
Un fois que votre page est nickel...vous devez importer votre fichier dans un message en passant par Insertion d'un fichier et récupérer l'adresse html.
Vous devez coller cette adresse dans le code ci-dessous, qui s'affichera comme un bouton dans une de vos colonnes.
<a href="Adresse du Player Deezzer" target="_blank"><img src="Adresse de votre image"></a>
Vous pouvez mettre juste un lien comme ceci :
<a href="Adresse du Player Deezzer" target="_blank">Ma Sélection musicale</a>
Je rajoute ce lien, car je viens de trouver comment faire pour avoir une page web nickel avec tous les caractères pris en compte ! Allez voir ici, en bas du tuto vous trouverez comment enregistrer votre Bloc-notes.
/http%3A%2F%2Fstorage.canalblog.com%2F64%2F08%2F251752%2F31565365_o.jpg)
/http%3A%2F%2Fstorage.canalblog.com%2F90%2F59%2F251752%2F31516701_p.gif)
/http%3A%2F%2Fstorage.canalblog.com%2F99%2F02%2F251752%2F31529343_p.gif)
/http%3A%2F%2Fstorage.canalblog.com%2F05%2F54%2F251752%2F11050858_o.jpg)