How To Add Music On Tumblr Blog

Place a music player in your blog/site easily like above!

Tumblr blog/Blogger/Any webpages - Add music player to your site
YouTube As Your Music - Just grab a youtube video URL
SoundCloud, exfm, MP3, RSS - We support all!
Retina HD-Ready Skin - Super sharp on High Resolution screen
Free Forever - Wikplayer will always remain free, so you don't have to worry that your playlist is gone

To start: Use the guided wizard below

Music Player Features

Continuous playback - You can still continue listening to the music while you browse to other webpages
Built-in music playlist - User can expand the music playlist easily
Full playback control - Play, fast-forward, next, back, pause, shuffle, repeat and volume control

Built for everyone

HTML5 for Mobile - Support on selected mobile devices like Safari on iPhone
Elegant Looking Blog - Music player for Tumblr blog/site could let your friends know what songs you like
Beautifully crafted player skin - Each skin is designed with our heart and mind
As easy as ABC - Use the wizard below to generate the music player code which you can paste into your blog/site easily

The BEST fully customisable and powerful music player ever on the web!

blank

Setup Wizard

Click on the tab below from Step 1 through Step 4 to customise your playlist.
Select Done when you are ready.

grid

Tutorials

Login to your account. Click on the Setting icon (the one next to the Power icon for logging out). On your left hand side, you will see a vertical menu showing Account, Dashboard, Email, Apps and the last row, your blog name. The last row is what you should click, so click on your blog name. After clicking, you will notice the middle part of the page has a section called Theme with a "Customize" button. Click that button.
You will now see a whole new page. There is an "Edit HTML" button. Click on that.
This will open up a dark grey area showing the HTML code. Scroll down and look for the <body> tag. Ensure that the body tag has an Angle Bracket before it. You can use the browser search function by holding down Ctrl + F (for Windows) or Command + F (for Mac) and type "<body" or "<body>".
Paste the code you obtained from us just below the <body> tag as shown in the picture HERE.
Click Update preview when you are done. Then click on the "Appearance" button on the top left which will take you back and allows you to save. Press the SAVE button, followed by the Close button. Visit your page to see the big change!

Video Demo For Using DROPBOX To Host Your Mp3 Files Here!
Video Demo For Using YouTube Music In Your Playlist Here!

Login to your Blogger account.
After you login, you will see an icon that looks like document as shown HERE. Click on that icon, it will expand. Click on Template as indicated in the screenshot.
After that, you will see another button "Edit HTML" that is placed beside the orange Customise button. Click on "Edit HTML". This will open up an overlay window which shows the HTML code.
Scroll down and look for the <body> tag. Ensure that the body tag has an Angle Bracket before it. You can use the browser search function by holding down Ctrl + F (for Windows) or Command + F (for Mac) and type "<body" or "<body>". The former one is easier to find. For Blogger, the body tag could look like this "<body expr:class='"loading" + data:blog.mobileClass'>".
Paste the code you obtained from us just below the <body> tag as shown in the picture HERE.
Save Template and voilà. You can see your new website now.

grid

Updated News/FAQ

This usually happens after you have just updated your browser to their latest version and it finds out that your Adobe Flash version is outdated. If this happens on Firefox browser, click Here to update your Adobe Flash version. Wait for that plugin check page to finish loading and click on Update Now button for the Shockwave Flash.

If you have noticed, there's an Import Profile button at the bottom left hand corner of the wizard above. You can copy and paste your original Music Player code and paste it into the text area displayed. After clicking Ok, you will get all your songs title back and you can add additional songs.

This probably happens because there is some problem with your song. A way to get around this? Choose a different song! :)

If you are installing a new version of Safari, Firefox, Chrome or Opera, please make sure that Adobe Flash Player for these browser is installed. Take note that installing Flash Player that is built for Internet Explorer only means that Flash is still not working for other browsers. Either go https://get.adobe.com/flashplayer/otherversions/ to install your flash player.

This is because you did not follow the instructions we gave you. Please always paste the music code that you generate just below the opening <body> tag and not somewhere further down. This will ensure that your Tumblr page or Blogger page is loaded properly and nicely.

grid

About

We are music lovers and we want every blogger to express their passion for music by having our music player on their blog. Wikplayer does not store, host or own any music. It is provided as a music player service for the end user.

We operate as a complementary service to these services.

Please respect our right so as to protect our creativity. Thank you!