Friday, September 25, 2020
Home Blogging Tips & Tweaks Adding Background Music to Blogger and WordPress or any Webpage

Adding Background Music to Blogger and WordPress or any Webpage

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

Most Popular

List of All JavaScript Arithmetic Operators With Examples

JavaScript offers several operators to help us work with numbers. All these operators are binary operators, which means they operate on two operands. The operands...

How to Find a Website’s RSS Feed’s URL

Having access to the RSS feed of a website gives you the opportunity to stay up-to-date on everything that website publishes. Whether that’s a...

Laravel: String data, right truncated: 1406 Data too long for column (SOLVED)

I was working on a project today when i ran into the error message "String data, right truncated: 1406 Data too long for column...

How to Enable or Disable Chrome’s Autofill on Android Devices

Storing your login details and other information in Chrome and/or your Google Account isn’t as secure as using an encrypted password manager, but it’s...

Recent Comments