Like most Tumblr customization, adding a music player is easy and should only take a few minutes to even the most novice computer users.
Better still, depending on which media sites you use to play music, creating your own personal playlist may be as simple as performing a single import!
Although you will have to deal slightly in HTML, you don’t need to know any coding, and it’s virtually impossible to mess up so long as you carefully follow some simple instructions.
Installation of SMC Music player is incredibly simple. Just head to the SMC site and scroll down to the “Choose Skin” tab. From here you can select what skin you want your music player to be. Once you’ve decided on a skin, navigate to the “Edit Playlist” tab. Here you’ll choose the songs that will appear in your player as people browse your blog. You can either manually upload a track or select one off of a third party site like YouTube. To enter from a third party site, just enter the song title, the song URL. You can also upload music from an RSS podcast or sound cloud with the playlist URL. Notice that you can click the play button on the virtual player to hear how your song sounds.
After your song selection is complete, you can move to the configure tab to set the options for your player. Here you can adjust song shuffling, auto play, default volume, and a few more intuitive options. Click the “Done” button when you’re finished and copy the HTML code that is presented. With the code copied, head to your Tumblr settings page, select your blog, select “Customize”, and then “Edit HTML.” With the HTML provided by SMC Player copied, paste it either directly under thetag or directly above thetag. That’s it! Click on the save button and your blog should have a music player in a matter of seconds!
StreamPad’s installation is arguably the most streamlined option available. Simply head to the StreamPad site and select the “Get the Code!” icon. From here, you’ll be prompted to choose which platform you want to install on. Select Tumblr (or whatever platform you’re interested in using) and you’ll be provided with the necessary code for installation. Below the provided code, there’s an intuitive customization section that allows you to make decisions about the default text of your player, its color, the volume controls, and so on. Be sure you make these changes before you copy the provided code or your customization won’t be reflected in the player you install.
Once you’re finished customizing, head to the Tumblr settings page, select your blog, click the customize option, and then select “Edit HTML.” Here you can enter the code provided by StreamPad, but be sure to paste it directly before the tag. If you’re not sure where to look for that tag, do a CTRL + F search for . Once you’re done, simply click “save changes” and try out your new music player!
The Wikplayer installation process is broken into four steps which are divided across the four tabs at the top of the homepage app. In the first step, you’re prompted to import a previous playlist or create a new playlist. In the second step, you select the skin that matches your blog the most. This includes the ability use custom skins, change player type, or edit song titles. In the third tab, you can edit and adjust your provided playlist or even upload a playlist directly from YouTube. Last but not least, the fourth tab allows you to adjust settings like the default volume, auto play configuration, and the like. That’s it! Select “Done” and you’ll be provided with the code necessary to install your music player.
Once you’ve finished building your player, you copy the provided code and head to the Tumblr settings page. Select your blog, click the customize option, and select “Edit HTML.” Paste the provided code directly after thetag or right before thetag. You can find these tags in the HTML with a CTRL + F search for. Select save changes and go give your new music player a spin!