How To Add AutoPlay Background Music to Blogger

AutoPlay Background Music for Blogger
Background music adds the extra beauty to our blogs. When a visitor lands on our blog posts/pages, he keeps reading our blog post in a silence environment like there is nobody exists around the blog and thus he sometimes feels alone. Therefore, when it comes to entertainment blogs like movies or music, background music play the major role in our blogs. In this tutorial, you will learn how to add background music to Blogspot blog. The choice is yours, you can either add this to specific pages/posts or in entire blog.
Everybody loves the music. Your readers will come again and again to enjoy the music on your blog, as a result, they will fall in love with your blog. I can hardly say they will miss the music but the condition is; music should be the heart touching.

How to Add Background Music to Blogspot Specific Pages/Posts

  1. Go to your Blogger Dashboard > Select the post or page where you want to add the background music
  2. If you have already published the post/page click Edit or just create the new post/page
  3. Switch to HTML and paste any music code inside the pos/page editor
<audio src="http://www.indiamp3.com/download.php?song_id=66803" autoplay loop>
</audio>
<audio src="http://www.tamilcutsongsfreedownload.net/ringtones/heart%20touch/download.php?file=Heart%20Touching%20Ringtones%201.mp3" autoplay loop>
</audio>
<audio src="http://www.tamilcutsongsfreedownload.net/ringtones/heart%20touch/download.php?file=Heart%20Touching%20Ringtones%202.mp3" autoplay loop>
</audio>
<audio src="http://www.tamilcutsongsfreedownload.net/ringtones/heart%20touch/download.php?file=Heart%20Touching%20Ringtones%205.mp3" autoplay loop>
</audio>
<audio src="http://www.tamilcutsongsfreedownload.net/ringtones/heart%20touch/download.php?file=Heart%20Touching%20Ringtones%206.mp3" autoplay loop>
</audio>
<audio src="https://www.yt-download.org/download/64-588e1bd83b24a-2248000/mp3/2sYyqnmVBcc/Taio%2BCruz%2Bfeat%2BPitbull%2B-%2BThere%2BShe%2BGoes%2B%2528Ibiza%2BBooomb%2BRemix%2B2016%2529.mp3" autoplay loop>
</audio>
<audio src="http://songs.sonymp3.com/file/113803250/there-she-goes-taio-cruz-ft.mp3" autoplay loop></audio>
<audio src="http://api.ning.com/files/oR3P*8h-GcHtb16mUnNMCBEXVUujbP3ILxLJoO6p1oOCW9nfUzTEK05vjuoJ6KyhXtz*XYxFGwLHofZdZ2OcMPLyaGpuVRvT/ThereSheGoes.mp3" autoplay loop>
</audio>
Note: You can replace the blue text with you favorite music URL

How to Add Background Music in Entire Blogger Blog

  1. Go to your Blogger Dashboard > Layout >  HTML/JavaScript  > Add a Gadget
  2. Select your favorite music code from the above-mentioned codes and paste it in the popup content area and hit Save
Every time, when you visit your blog, the background music will be played automatically. However, if you want to add the music controller like play and pause button, you need to add this code instead of the above-mentioned codes.
<script id="player_type" language="javascript" type="text/javascript">
var player_id=1;
var soundimage_player_start = 1;
document.write('<div id="soundimage_holder'+player_id+'" align="center">');
document.write('<div id="soundimage_player_main'+player_id+'"></div>');
document.write('<a id="soundimage_player_links'+player_id+'" href="http://www.soundimage.eu/" target="_blank" title="Royalty Free Music">Royalty Free Music</a>');
</script>
<script id="player_script" src="http://www.soundimage.pl/freemusic/soundimage_player_en2.js" language="javascript" type="text/javascript"></script> 
Important: If you are having trouble with the functionality of these codes, try another web browser. Your current browser may need to be upgraded to a newer version. It is highly recommended to visit your blog on Chrome while enjoying the background music.

Conclusion
If you are running an entertainment blog like movies blog or music blog, you can take good advantages of the background music plugin and it is a good practice to impress your blog visitors with background music. It adds the extra sweetness to your blogger blog.
Subcribe to Our Newsletter For Free

Subscribe Now

Recommended For You

1 comment:

  1. Very helpful and proper examples. Can i add this to wordpress?

    ReplyDelete