Ajouter un contenu HTML (SoundCloud)

Péambule pour ajouter un code HTML sur une page

Si vous avez besoin d'avoir un service distant à intégrer sur votre page, il est possible de l'ajouter en HTML. Pour exemple, je veux un morceau de musique sur mon site, et depuis SoundCloud.

Je prends en exemple un morceau du groupe français Ez3Kiel : Dead in Valhalla.

URL du morceau sur SoundCloud : https://soundcloud.com/ez3kiel_band/dead-in-valhalla
Artiste : Ez3kiel
Titre du morceau : Dead  In Valhalla
Facebook : https://fr-fr.facebook.com/ez3kiel.band
Site officiel : 
http://www.ez3kiel.com/

 

Sur le site distant (Ici SoundCloud)

Sur SoundCloud, il faut accéder à la page du morceau.
Dans notre exemple : https://soundcloud.com/ez3kiel_band/dead-in-valhalla 

Cliquez sur Share : 

Share sc

Puis copiez le code HTML fourni (iframe) : 

Sc embed

Résultat en collant le code HTML iframe via SoundCloud

Dans le manager cela ressemble à ça (ajout de colonne en moins - il y a deux étapes sur une seule capture d'écran) : 

Html sc 1

N'oubliez pas d'enregistrer la page :)

Outils utilisés

Captures d'écran : Jing By TechSmith
Optimisation du poids des images (-60/80% en moyenne) : TinyPng