Music Player
1.1 Music Player
1.2 Tumblr Music Player
1.3 Billy Music Player
1.4 Apple Music Player
1.5 PonoPlayer
1.6 MIDI Player
1.7 Music Player for Android
1.8 Music Player for iPhone
1.9 Amazon Cloud Player
1.10 DLNA Payer

Tumblr Music Player: How to Add a Small Music Player for Tumblr

As one of the most popular micro blogging system, Tumblr has provided a collection of tools you can display and share information with Tumblr blog readers. One tool that Tumblr does not provide, however, is a built-in music player. Luckily, you can add a Tumblr music player using the widgets on the Internet.

Tumblr Music Player

A lot of small music player for Tumblr you could find on the Internet, but which one is the best Tumblr music player? How to add a small music player to Tumblr? In this article, I will recommend the most reliable mini Tumblr music player for you, and teach how to put a music player on Tumblr in detail.

Part 1: Best Tumblr music player you could use

Here are some important music player scripts available for Tumblr.

SCM Music Player

SCM Music Player

SCM Music Player is a free and open source web music player, which brings a seamless music experience to your website. It supports Tumblr, Blogger, Weebly, Tistory and more. As the most popular web music player, SCM Music player provides many advanced functions including continues playback cross pages, full features control, custom Tumblr music skins and themes, etc.



WikPlayer is one best music player for Tumblr. It enables you to choose your favorite mp3 music player skin for Tumblr blog. You can import old playlist and possible to create new playlist for your mp3 songs. The process and setup to add WikPlayer to Tumblr is very simple.

Billy Tumblr Audio Player

Billy Audio Player

Billy music player is a small music player you can use to add music to your blog. It works on Tumblr, Livejournal, WordPress, etc. Billy audio player has the simplest UI, which enables you to create a playlist and add music player to Tumblr within simple clicks.

Part 2. How to add and customize music player in Tumblr

Once you choose the Tumblr music player you like, you have to find the method to put music in Tumblr. For different music player for Tumblr, the setup process might be slightly different, but similar on the whole. In the following article, I'll take SCM Music Player as an example, and teach you how to add a small music player to Tumblr in detail.

How to add music player to Tumblr?

Section 1. SCM Music Player setup wizard

Visit SCM Music Player and go through the tab to customize the SCM Player for Tumblr.

Add Music Player to Tumblr

1. Choose skin: Many default skins for Tumblr music player you could choose for different themes. Or you can fill in the URL of a custom skin CSS file.

2. Edit playlist: Insert Title and URL for each song respectively. Song URL accepts MP3 link, SoundCloud track or YouTube address.

3. Configure setting: Personalize Tumblr music player, check if it's auto play, shuffle playback, check its default volume and repeat mode. You can also change the appearance of this small music player including the placement of player bar and show playlist by default.

Section 2. Add music player to Tumblr

After you create Tumblr music player, the next thing you need to do is to put this small music player in Tumblr.

Step 1Copy the code for a music player widget from SCM Music Player service.

Step 2Log in to your Tumblr blog. Click your name at the top of the Tumblr dashboard page, click the "Customize Appearance" button on the page that appears, click the "Theme" tab and click "Use Custom HTML."

Customize Appearance

Step 3Scroll down through the HTML document that appears until you find this snippet of code:"div id="description""

Step 4Paste the widget code that you copied earlier directly below the "div" tag that you located in Step 3. After you paste the code in the document, save your new blog layout. Then you can see the mini Tumblr music player in your blog.

Bonus: Tumblr themes with music player

Since Tumblr music player is very creative, many fans are not satisfied with the simple MP3 music player they create with the Tumblr music player code. In fact, you can upgrade the code by yourself and create different Tumblr music player theme. Here I have collected some personal blogs with very fun Tumblr music player themes designed. Hope they can be helpful!

1. Tutotial: Music on your blog:

2. Yukoki{codes} - Music Players:

3. Tumblr Music Player:

4. Tumblr Theme Hunter:

Part 3. FAQs of Tumblr music player

How do I add music to Tumblr?

You can upload an audio file to post it on Tumblr. Just sign in to your Tumblr account, and start a new post, instead of text, you should upload an MP3 file at the maximum file size of 10MB, and choose the album art, and label the track, album and artist fields that appear.

How to make your music player invisible on Tumblr?

While using the music player widget, you can make the music player invisible to your visitors and followers. Log in your Tumblr dashboard, click the arrow next to the entry for your primary blog, click the blog that hosts your music player to open the blog, click Customize in the right side panel to open the theme. Locate the HTML code for your player widget in the Description field in the Customize menu, click Edit HTML to open the HTML editor, press Ctrl + F to open the Find box and type hipster to change visibility:visible command to visibility:hidden.

How do I add music from YouTube to my Tumblr blog?

For adding the music from YouTube to Tumblr blog, you can download the music from YouTube firstly, and then upload the music to Tumblr as the audio post. Alternatively, you can only copy and paste the URL of YouTube music in your Tumblr post directly.

In this article, we have mainly introduced the best Tumblr music player and how to add music player to Tumblr. Still have more question? Feel free to leave your comments down below!

What do you think of this post?


Rating: 4.6 / 5 (based on 15 ratings)

author picture

May 21, 2018 15:40 / Updated by to Music, Player

Disqus IconLeave your comment and join our discussion