How to Add MP3 Player in your Website or Blog - techtipsguidelines

TechTipsGuidelines

Post Top Ad

Thursday, July 26, 2018

How to Add MP3 Player in your Website or Blog



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 



Continuous playback


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


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!

To start: Visit this site and Create your own Playlist

No comments:

Post a Comment

Post Top Ad

ADBLOCKER DETECTED
It looks like you're using an ad blocker. That's okay. Who doesn't?
But without advertising-income, we can't keep making this site awesome.
Please disable your ad blocker and then reload the page to continue enjoying our site.
Reload Page
Powered By - techtipsguidelines