in ,

How to Add Music to Tumblr?

If you wish to add music to a blog posted on Tumblr, then you must incorporate a music player that contains a list of your favorite songs. Once the list is populated with the audio files, the visitor would be happy to listen to the tracks as he goes through the blog. While you can embed the playlist by tweaking the scripting language, you can very well use playlist generators such as SCM Music player, Totally Layouts and Streampad. This would offer you the code that’s essential to add as you set up the web page. Read on this article to know how to add music to tumblr.

Check also: How to Transfer Music from iTunes to Android [5 Solutions]

How to Add Music To Tumblr Using SCM Player?

Step 1: Launch the web browser and navigate to the official website of SCM Music Player. The portal would enable you to create an automatic list with tracks posted on SoundCloud, Mp3 links and digital content on YouTube.

Step 2: Once the design of the music player is visible, you should click on ‘Next’.

Step 3: Once you have clicked the ‘Manual Playlist’ button you can manually type the song name one after the other or add URLs. In case you have a playlist that you had prepared a long time, then click on the ‘YouTube Playlist, SoundCloud sets or RSS Podcast’ buttons. Later, for moving ahead, you must click ‘OK’.

Step 4: Select a suitable option if you need to build a playlist of your choice. While the ‘Auto Play’ box aids to start the player immediately after the web page is loaded, the ‘Default Volume’ slider can help you adjust the volume as per your preference. Once done, you should click ‘Done’.

Step 5: Right on the dashboard, click ‘Customize’ followed by ‘Edit HTML’. Later, you should paste the code just below the <body> tag and click the ‘Update Preview’ button. This step would include the playlist on the blog as soon as you click ‘Save’.

How to Add Music To Tumblr Using SCM Player

How to Put Music to Tumblr Using Streampad?

Step 1: Once you navigate the official website of Streampad, then you should click ‘Get It’ / ‘Get the Code’ button. Such a type of tool creates a playlist according to the audio files posted on the Tumblr blog.

Step 2: At any point of time, you can click ‘Tumblr’ and click ‘Customize It’ to build the playlist. You can change the looks through the options, ‘Background Color’ and ‘Text Color’. Moreover, you can click ‘Enable Playlist Drawer’ so that the list of songs is clearly visible on the screen.

Step 3: Copy the code and then login to your account with the credentials.

Step 4: Click ‘Customize’ present on the Dashboard and ‘Edit HTML’ link and include the code anywhere between the <head></head> tags.

Step 5: In order to view the music player, you should be clicking the ‘Update Preview’ option and then ‘Save’ for confirming the changes.

How To Add Music to Your Tumblr Using Totallayouts?

Step 1: As usual, you should go to the official website of ‘TotalLayouts’. This would allow to make a playlist of songs posted on YouTube. For selecting a unique design, you must go to ‘Robot Music Players’ and opt for the desired layout.

Step 2: Under the ‘Configure our Music Player’ section, you can set features such as autoplay, volume and the position of the player on the screen. Right at the top of the web page, you can view the changes before they finally get reflected.

Step 3: Now, click the ‘Get Player Code’ button, and then the code box to copy the relevant code. Later, you must login to the account with the username and the password.

Step 5: Finally, click ‘Customize’ and then ‘Edit HTML’ link. Moving forward, you must paste the code before the </body> tag. Once you have observed the changes through ‘Update Preview’, you must click ‘Save’ for confirmation.

Hope you enjoy surprising visitors with a unique soundtrack. If you find this blog useful, do share it with your friends.



Written by Hardip Koradia

Hardip Koradia is a pro tech blogger with years of experience in writing resourceful articles on different tech topics like mobile apps, PCs, gadgets, software, how to guides, etc. His passion for technology inspired him to start Techbylws, a growing tech blog.