[Update Feb 2013] Update tutorial to reflect Yahoo!'s upgrade of Yahoo Media Player to Yahoo Web Player.
So you want to add music (or video) to your blog? You want it playable right on your blog, yet you don’t want to annoy your readers with an auto-playing, difficult-to-stop audio? Well if that’s the case, you might want to consider a web-based music/audio player.
With Yahoo! Web Player, adding a music/video player and playing it in your blog has never been easier. You don’t need any trick to add this player, what you is only one line of code!
Yahoo Web Player is easy on your blog readers too because they won’t have to download or install anything. And they will have total control over the audio playback –when to start/stop, which file to play etc. The player supports MP3, WMA, WAV audio formats, and Yahoo! Video and YouTube video formats.
Visitors can start enjoying music and video in your blog in just three steps:
Step 1: Upload audio file to a web host
Just like the pictures or graphics used in your blog, your audio or video file must be hosted somewhere on the web, and the host must allow direct linking. Once uploaded, get the link to the file and use it in your blog.
Step 2: Adding audio/video link
Add the link to your file into your post, sidebar, footer or any part of your blog. The HTML format for the link is similar to that of a normal link. For example, below is the HTML code for the Yahoo! sample audio link in this article.
<a href="http://sites.google.com/site/bloggersentral/file-storage/GetaranJiwa.mp3">Sample audio 1</a>
Step 3: Adding Yahoo Web player code to Blogger
Copy and paste this code into your blog.
You can place the code:
- Inside your template –insert it right before
- If you want to use the player just once (like what I am doing in this tutorial), place it in the post together with the audio/video links.
Once the web player code is added, it will scan your entire page for audio and video links, and then generates a playlist. I’ve added two audio and a video links below. Notice a play button in front of each link. They are added automatically by Yahoo! Web Player. Click either one to play.
During the playback the player console pops up and floats on bottom left of your screen. The console can be minimized so it won’t take up your readers’ screen space.
For more information on the media player, go to Yahoo! Web Player website.
Last update: December 12, 2011