Add background music on blogger / website / blog!

By KitKatK707 , , , 1 comment

Hello,
Do you know that Background Music on your blog or website can help user to spend more time on your webpage / blog. This also help to Boost traffic on blog or website. But keep in mind one thing that background music should be soft and interesting. You can visit this page for demo purpose.
What you need to do for this? Absolutely you must have blog or website where you want to put background music. Then just follow the simple steps given below.


[How To] Add background music on blogger :

  1.  At very beginning you need to find out soft music or soft song which you like.
  2. Then upload this soft music in your Google Drive. You can simply drag and drop that file to upload.
  3. Wait till it get upload successfully. After Successful upload you can see something like this.
  4. Now right click on uploaded music and select Share option from list.
  5. Then click on Get Shareable Link.
  6. Now it will generate link. My song link will be like this, "https://drive.google.com/file/d/0B_9ZRChbD_meVDhFcFdGWTRXelE/view?usp=sharing". But we need some part from this music like this code 0B_9ZRChbD_meVDhFcFdGWTRXelE which i need for further use. We need this code further use, so don't forget to save this code somewhere. (Note: Your file will generate different code so don't use my code! )
  7. Go to your Blogger and select Layout.
  8. In Layout Scroll down till the bottom of part and select Add a Gadget.
  9. Now select HTML/JavaScript from list.
  10. Add following code there. 
    <!-- Background music code @ www.KitKatK707.blogspot.com -->
<audio controls autoplay loop style="width:100%;">
<source src="https://docs.google.com/uc?id=####&amp;authuser=0&amp;export=download" type="audio/mpeg">
</source>
</audio>
    as shown in above code don't forget to replace #### with your code which you got from link. I will use     0B_9ZRChbD_meVDhFcFdGWTRXelE in place of #### but your code will be different. Then click on save and check your blog.

Enjoy your Soft Music on your blog! :)

If you don't understand then please comment.
Thank You For Reading!
If You Enjoyed This, Take 5 Seconds To Share It

1 comment: