Nous avons publié un article sur l’intégration de sons SoundCloud dans Blogger et après l’avoir lu, peu de gens nous ont demandé d’ajouter de la musique de fond à leurs blogs sans montrer les contrôles du lecteur à leurs visiteurs. Vous avez peut-être remarqué dans certains blogs qu’une fois que vous atterrissez dessus, de la musique commence soudainement à jouer. Cela peut être agréable ou ennuyeux; quoi qu’il en soit, ils l’ajoutent pour attirer l’attention de leur visiteur. Que diriez-vous d’ajouter une belle musique instrumentale à l’arrière-plan de votre blog? C’est simple, nous verrons ici comment ajouter de la musique de fond ou du son au blog Blogger.

Il existe de nombreuses façons d’ajouter de la musique de fond à votre blog, mais ici, nous allons vous montrer la plus facile. En utilisant la balise < audio >, vous pouvez intégrer un lecteur de musique avec des commandes visibles; créez un son à jouer immédiatement lorsque le site Web se charge et ajoutez une musique de fond qui joue sans fin avec des commandes cachées. D’accord, voyons comment faire.

Comment ajouter de la musique de fond ou du son au blog Blogger

Avant d’ajouter de la musique de fond à votre blog, vous devez disposer d’un fichier musical à appeler. Juste dans Google, recherchez de la musique libre de droits et vous verrez de nombreux sites proposant des téléchargements de musique gratuits. Sélectionnez une musique de fond appropriée pour votre blog ou si vous en avez déjà une, puis téléchargez-la sur n’importe quel site de stockage en ligne, il existe des centaines de meilleurs serveurs d’hébergement de fichiers gratuits. J’espère que votre fichier musical est prêt; passez maintenant à la partie Blogger.

Voir aussi: Logiciels gratuits de composition musicale et de notation musicale

Connectez-vous à votre blog Blogger, puis choisissez le blog où vous souhaitez ajouter votre musique de fond. Ensuite, allez dans Mise en page, choisissez « ajouter un gadget », sélectionnez gadget HTML / JavaScript, puis ajoutez la ligne ci-dessous.

<audio autoplay loop><source src="http://yourmp3-file-location.mp3"></source></audio>

Maintenant dans source src = » » ajoutez l’emplacement de votre fichier musical, enregistrez le gadget, puis affichez votre blog où vous pouvez entendre la musique jouer, mais les contrôles sont masqués. Dans le code ci-dessus, « autoplay » commence à lire le son dès qu’il est prêt et « loop » fera répéter l’audio à chaque fois qu’il est terminé.

Si vous souhaitez afficher des contrôles audio pour vos visiteurs, ajoutez simplement des contrôles à l’intérieur de la balise audio comme ceci.

<audio controls autoplay loop><source src="…"></source></audio>

Le lecteur audio ressemble à..

Si vous souhaitez ajouter un lecteur de musique ou créer de la musique à lire dans un seul article ou une seule page, vous ne pouvez l’ajouter que dans cette page particulière. Le contrôle du lecteur audio ne correspond pas à la barre latérale de votre blog, disons que vous souhaitez augmenter la largeur du lecteur. Pour ce faire, ajoutez un id à l’intérieur de la balise comme ceci < audio id= »player » contrôle la boucle de lecture automatique > puis ajoutez un CSS comme ceci

#player {width: 100%;}

C’est tout! J’espère que cela vous a aidé à ajouter de la musique de fond à votre blog.