WikPlayer
The BEST fully customisable and powerful music player ever on the web!
Setup Wizard
Click on the tab below from Step 1 through Step 4 to customise your playlist.
Select Done when you are ready.
Tutorials
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.
Updated News/FAQ
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.
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 agreeing to provide his SCM 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!