Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

05 décembre 2010

Musique non stop

Posté par Demolite - Dans la catégorie Canalblog
Tags : , , , , ,

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.

Deezer_1

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 :

Sans_titre_4

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é !

Sans_titre_3

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>

Sans_titre_5

Fermez votre page avec les balise </body> et </html> comme sur la capture :

Sans_titre_4

Faites maintenant Fichier / Enregistrer sous entrez un nom pour votre fichier Player Deezer par exemple et ajoutez à la suite .html

Comme ceci :

Sans_titre_8

Cliquez sur Enregistrer.

Vous obtenez ça :

Sans_titre_6

Avec Explorer vous aurez le même fichier avec e d'explorer...

Sans_titre_9

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...

Sans_titre_7

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.

Sans_titre_2

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>

Ma Sélection musicale

*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.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41