Add A Small Music Player for Tumblr - Billy Music Player
In this tutorial, well add a small music player for tumblr called Billy music player (Demo Page). I’ll break it up into four parts so it can be as detailed as possible:
- Part 1: Upload a song file
- Part 2: Add Billy music player to your Tumblr
- Part 3: Move your Player to the Top
- Part 4: Add More than Songs to Music Widget
Part1 :Upload a Song File (MP3)
First, lets upload songs that you will use for your player.
- Sign up for a free Dropbox account. This is where you’ll store your songs.
- Click the Upload icon at the top right corner
- Upload the song file that you already have.
- Move the file to the “Public” folder
- Right-click the song file and choose “Copy Public link” to get the mp3 URL.
If you don’t have any songs in your computer, you can use youtube videos with songs. go to this site, enter the youtube address with the song you want, download the mp3 file and start from Step 1.
Part 2: Add Billy Music Player to your Tumblr
Nujabes - Counting Stars
Once you’re done uploading the songs to Dropbox and copied all the mp3 urls, you are now ready to add the player to your tumblr page.
- Go to Billy Music Player site
- Paste the public MP3 URLs you copied from dropbox
- You can add up to five urls. (part 4 explains how you can add more songs)
- Click generate code
- copy the entire music player code
- Paste it to the description section of your tumblr theme
- Hit save and check to see if it works. Now you should have a similar player like the one on this post