Adding Background Music to Blogger and WordPress or any Webpage

0

For you to have found this page, it means you are considering adding music to your webpage or blog. There are lots of ways to achieve this but i advise you apply them with caution as this can be a bit annoying to your visitors.

Despite the fact that i don’t encourage the addition of background music to your website or blog, i cant help but show you how to do it. Before proceeding, i advice you also read “Why You Shouldn’t Add Background Music to your Website or Blog”.

If you have read that and still feel you need a background music on your webpage, then follow the instructions below;

There are several ways to achieve this depending on the structure and platform your website is running on. In this tutorial, we will be adding music to blogger and a website

Adding Background Music to Blogger :

  • Log into Blogger
  • Navigate to Template >>> Edit HTML
  • Click inside the code box and use CTRL F to search for </head>
  • Copy the code below and paste it just before/above the </head> tag
<embed src="My_Music_File.mid" autostart="true" loop="true" hidden="true">

</embed>

<noembed>

<bgsound src="My_Music_File.mid" loop="infinite">

</noembed>
  • Replace “My_Music_File.mid” with your preferred music location.
  • Save your Template

Adding Background to a WordPress or any Webpage:

The only difference between adding background music in blogger and in a website is the location where the code is placed. In Blogger, the code was placed above the closing </head> tag. To add background music in a website, we locate the opening <head> tag and add the above code anywhere in between it and </head>.

So simply, we add the code below just after <head> or just above </head>.

<embed src="My_Music_File.mid" autostart="true" loop="true" hidden="true">
</embed>
<noembed>
<bgsound src="My_Music_File.mid" loop="infinite">
</noembed>

Make sure you replace “My_Music_File.mid” with the url address or location of your preferred music.

LEAVE A REPLY

Please enter your comment!
Please enter your name here