Playlist

  1.  

 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

How to insert/paste the code into your existing template?

Instructions for editing your Tumblr blog template

  • 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!

Please view a video demonstration Here!


Instructions for editing your Blogger template

  • 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

My Music Player is not playing anything on Firefox browser or some versions of Chrome browser?
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.


I have used the wizard to generate the player before and I want to change song now. What can I do?
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.


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


My music player is not showing up or it freezes there?
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 http://get.adobe.com/flashplayer/otherversions/ to install your flash player.


My Tumblr blog or Blogger would refresh first before the Music Player is loaded, why?
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

Why is this service available?
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 would like to thank Adrian for providing the base code as a backbone for which our player can build upon, allowing us to fix problems, add new features and make other improvements. In return, we have donated our "funky" and "ribbon" series skins above for his usage.


Please note that we are neither affiliated with nor supported by Tumblr, Inc. or Blogger.
We operate as a complementary service to these services.

All design of HD Wikplayer skins are copyrighted and strictly not allowed to use with other music players.
Please respect our right so as to protect our creativity. Thank you!