How To Get A Media Player On Your WordPress Page/Blog
Posted by DeadAnarchistPhil on December 2, 2010
My Friend Daf was asking if there was a widget on WordPress that allows for the use of a media player. The answer is a resounding yes! However, it can be a bit fiddily if you don’t know your way around WordPress yet. So I thought I’d do a tutorial for her and anyone else who is new to WP and wants some tunes on their Blog/Site.
First of all, you need a music site that will allow you to choose songs and then give you a code for your ‘Arbitary Text or HTML‘ Widget, officially known as the ‘Text‘ Widget. Lucky for you I know of a good site. Try this: Mixpod. You could choose others but I find this is a good one.
PLEASE NOTE: A lot of the songs on this site [Mixpod] are hosted on Youtube, so sometimes the songs you pick will be removed as some People and Youtube delete their content when they wish. To get around this you could add your own songs to your YouTube page (To do that you have to make your videos Public when you post them) and add them to your Mixpod Playlist.
After you made an account on Mixpod and chosen your songs, you’ll want to get the code for your HTML Widget. Follow the pictures and text:
(1)-> Click the ‘Saved Playlists’ option on the drop down tab. It takes you to your playlists page.
(2)-> Now click the ‘Save Playlist’ to move on to the next step. Also on this page you can change your Player’s colour or skin if you wish to.
(3)-> Press the big Green button saying: “SAVE (Get code)”. On this page you HAVE to give your Playlist a name, a ‘Catagory’ and ‘Genre’ are optional.
(4)-> One this page you just need to press “Click Here”.
(5)-> On this page you will see a code in the center of the page, DO NOT CLICK IT, it is not the code you want. Instead click the button on the bottom of the screen (ringed in red) that says: “? Other SItes”.
(6)-> Keep going untill you find the WordPress Icon, then click it.
(7)-> On this page enter your details and press Post. Don’t worry, your sign-in details are safe!
(8)-> After you pressed the Post button on the last page Mixpod created a new blog on your WordPress site and posted the player there. What you should do now is edit that post and then copy the code within the red line ONLY. Once you’ve copied the code you can delete the blog and go to your Widgets page. (Appearance > Widgets)
(9)-> Now you should select the Text Widget in your ‘Widgets’ area, then drag and drop it in to which sidebar you wish to. PLEASE NOTE: There are Left, Right and Bottom Sidebars (Footer). On the left and Right sidebars – unless you only have a single or wide two coloum layout – your player will not fully display, depending on which skin you’ve chosen. However, people will still be able to hear your music and you will still be able to browse your music. If you have a Footerbar it is the perfect place for your HTML box and the Playlist code. (Not all Themes come with Footer/Sidebars, so select one that does. The ‘Twenty Ten’ Theme has four Footers)
(10)-> Now your HTML Widget is in place you may paste your Mixpod Playlist code in to it and press ‘Save’.
(11)-> This is the finished result, your player should look something like this in your sidebar/Footerbar, depending on which colours and skins you use and which side/bottombar you’re placing it in.
NOTE: If you want any help with this then leave a comment and I’ll get back to you soon.
(Press the Play button)
This entry was posted on December 2, 2010 at 7:22 pm and is filed under Computers and Internet, Tutorials. Tagged: HTML, Media Player, Mixpod, Music Player, Sidebar, Tutorial, WordPress. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.