Musique non stop
Mettre un player sur son blog c'est sympa, mais dès que l'on clique sur un lien, une nouvelle page se charge et Exit la musique !
Voici comment contourner cela...
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 puis 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="#000000"> 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 ne sont pas pris en
compte et remplacés par des carrés noirs ou des ?
Pour contourner ce problème, j'écris mon texte dans Photofiltre et je colle l'adresse de l'image qui contient mon texte.
*Voir en bas de tuto pour solutionner ce problème.
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 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.
Une 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 Deezer" target="_blank"><img src="Adresse de votre image"></a>
Vous pouvez mettre juste un lien comme ceci :
<a href="Adresse du Player Deezer" target="_blank">Ma Sélection musicale</a>
*Je rajoute ce lien, car je viens de trouver comment faire pour avoir une page web avec tous les caractères pris en charge...Allez voir ce tuto, en bas de page vous trouverez comment enregistrer votre Bloc-notes.
/http%3A%2F%2Fstorage.canalblog.com%2F70%2F03%2F251752%2F17456973_p.jpg)
/https%3A%2F%2Fassets.over-blog.com%2Ft%2Fcedistic%2Fcamera.png)