Music Player for Tumblr

Music Player Installation Tutorial
March 26, 2016 – 07:40 pm
Click on that icon

How to get the codes from kiwi6 and dropbox


So recently I've added the option of having a music player in my recent themes (pretty much since theme [22]) and I've subsequently earned a lot of messages asking how to use it, why it keeps breaking the theme, etc, and here's the promised complete tutorial! Please note that this version was adapted from gyapo's own music player tutorial, and I learnt how to upload music in the first place from her. The uploading music bit will practically be a repeat of her tutorial, to be honest. I don't claim credit of it!

And with that, let's get started, shall we? :> I'll go through how to get the music player hotlink from kiwi6 first, then from dropbox, followed by how to integrate it into my themes.

( I ) kiwi6 - uploading the music

First of all, you'll want to head on over to kiwi6 to upload your music and get a hotlink. Sign up, then you can begin uploading as much music as you'd like. It's free and pretty easy to access your music on this site.

As shown above, simply select that icon from the top bar once you have your account. It'll bring you to a page with the option 'Browse' smack dab in the middle. Click that, and begin finding the song you would like to use.

Now once you've gotten this, click 'Start Upload'.

When it's finished, do not click the link under 'Upload URLs'. Instead, click your account username at the top right corner, and go to 'Files'. It'll bring you to the page where you may view all music files that you have uploaded. Pick the one that you just uploaded.

And tada~! A slide down tab will appear, with Direct Hotlink listed. It's the link you'll need to paste into the sheepproductions site later, so copy it by clicking it and pressing ctrl+c on your keyboard.

( I ) dropbox - uploading the music

First, you've gotta sign up for a dropbox account. Simple enough. Follow the instructions of how to get the programme installed on your computer. The site's actually really useful, you can even use it for things outside of uploading a music player haha

Well, as you can probably tell, all you have to do to 'upload' music, is to drag and drop your mp3 song saved in your computer into the dropbox folder. Check back at the dropbox home screen and -

Click that link, and a new tab with a music player floating in the center of it should come up.

The URL of this tab is what you need for the music player code, so copy it with ctrl+c. uwu

( II ) getting the music player codes

Now that you have your direct hotlink/mp3 url equipped, the next site to go to is sheepproduction's billy player. Here, we'll be uploading the mp3 direct hotlink from earlier into the music player.

Replace the circled link with the direct hotlink you got from kiwi6. You can replace the song title with the title of the uploaded song as well, but there's a high chance that the title will be cut off in the actual music player seen from the blog. After that, select or de-select Auto play, and generate the code!

As seen above, your music player code will now be shown! Once again, copy it with ctrl + c.

( III ) uploading the music player

Hey hey, you're almost done now! All that's left is to transfer the music player code into the theme. At this point, I assume that you've already got one of my music-player supported themes open in your customize page. I'll be using [25] Shinjitsu as an example for this part of the tutorial.

I'm sure that by now you should've noticed that in all my theme previews, I have this one text post on it entitled 'Stuff about the theme'. This post is often where I have all the theme's information slapped on, for those who want more details. It's also where holds the line of the code where you have to paste in the music player code! For this theme, it is found at line 800, where a line similar to '' may be found.

Delete off everything from that line, so that it's just one blank, empty, textless line. Next, just paste in (ctrl + v) the music player code we got from the previous part of the tutorial!

You might also like
Music Player Skins Customization for Tumblr Blogs
Music Player Skins Customization for Tumblr Blogs
How to Re-Size a Hypster Music Player for Tumblr : CSS
How to Re-Size a Hypster Music Player for Tumblr : CSS ...
Curtis International LTD Sylvania SRCD875-YELLOW Turntable with Direct Encoding and USB Charging + CD and Radio, Yellow
Receiver or Amplifier (Curtis International LTD)
  • USB Port For Converting to Digital Format
  • 3-Speed Stereo Turntable - 33/45/78 RPM
  • 3-Speed Stereo Turntable - 33/45/78 RPM; Play Your Music on Built-In Speakers, or Connect to External Speakers Via RCA Line Out Jack
  • Fully Automatic Return Tone Arm
  • Approx. 2W x 2 Output Power
Audio-Technica Audio Technica AT-LP60 Fully Automatic Stereo Turntable System, Silver
Musical Instruments (Audio-Technica)
  • Fully automatic operation
  • 2 speed turntable - 33 1/3 and 45 RPM
  • Professional aluminum platter
  • Switchable pre-amp, Connectors: RCA Phono and RCA Line (preamplifier)
  • Integral Dual Magnet stereo cartridge with replacement stylus
  • If you are purchasing the product for a sales area outside the U.S., you should consider purchasing the turntable from your sales region. This unit is set to operate...
How to Put Music Player for Tumblr
How to Put Music Player for Tumblr
How to Re-Size a Hypster Music Player for Tumblr
How to Re-Size a Hypster Music Player for Tumblr
Sony Sony MHCEC619iP 120 Watts Music System
Receiver or Amplifier (Sony)
  • Powerful 120 Watts (RMS) music system
  • 2-way bass reflex speaker system
  • Charge, playback & control your iPod & iPhone music
  • Comes with remote and two (2) AA batteries
  • Lightning connector
Shenzhen GPD Technology Co.,Ltd GPD Q9 Rk3288 2GB/16GB Quad Core 5 Inches IPS Video Game Player Gamepad Handheld Game Console Black
Video Games (Shenzhen GPD Technology Co.,Ltd)
  • Game center:Support Android Gravity and Touch games, ARCADE games, PSP games,NDS games,GBA games,N64 3D games,SFC and MD games,DC games,etc
  • 5-Point capacitive touch screen Screen: 7 Inch IPS Hard Screen; 1024*600px
  • Button mapping + 1080 professional HDMI output screen TV + Professinal game button control
  • CPU: ARM Cortex-A17 1.8GHz ; GPU: ARM Mali-T764 3D graphics acceleration hardware GPU
  • Special Game Button: Dual joysticks, dual LR buttons and dual speakers, crossing, ABXY physical button.
Pink Ambom Tumblr Static Logo Little Boys Girls 100% Cotton T Shirt For Toddlers Size 4 Toddler
  • 100% Cotton Short Sleeve T Shirht For Toddlers.
  • Normal Fit US Size For Toddlers(Size Up If You Are In Between Sizes).
  • Custom T-Shirt Fits Boys And Girls From 2 Years Old To 6 Years Old.
  • Delivered Time:7~15 Days.
  • Machine Washable.
Related Posts