How to Embed the Yahoo Media Player Into Your Blogger Blog

Tweet

 

The Yahoo Media Player is one of the most convenient solutions if you want to play audio files from your website or blog. It is very easy to embed into your site and will only display when you click on the name of the audio file. The Yahoo Media Player needs very little time to load and visitors can play all audio files of your website/blog using the playlist function.

Here is a short overview of the main features of the Yahoo Media Player:

• Adds audio to your site with one line of HTML
• Uses simple, easy-to-hack HTML instead of complicated proprietary markup, ushering in the REAL Media Web
• Magical floating design never gets lost, is available when you need it, gets out of your way when you don't need it
• Automatically finds all audio links on your page, turning your page into a playlist
• Plays all your blog entries with a single button click
• Allows you to put the play buttons where they belong: IN CONTEXT
• Keeps the user in the page rather than sending them away to a media player
• Picks up your images and adds them as cover art
• Requires no download, install or maintenance

How to embed the Yahoo Media Player into your Blogger blog

Follow these simple steps to embed the Yahoo Media Player into your Blogger blog:

1. Login to Blogger, then go to Dashboard --> Design --> Edit HTML.

2. Search for (Ctrl + F) the </head> tag .

3. Copy the following code and paste it just before the </head> tag.

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

4. Save your template.

5. Now go to Layout --> Page Elements.

6. Click on 'Add a Gadget'.

7. Select 'HTML/Javascript' and add the code given below (By the way, you can also add this code into Edit Html section of your Post Editor.):

<a href="DIRECT_URL_OF_YOUR_MP3-FILE">Name_Of_the_Mp3_File</a>

Important note:

Replace "DIRECT_URL_OF_YOUR_MP3-FILE" with your .mp3 file direct url.
Replace "Name_Of_the_Mp3_File" with any name you like.

Look at the following example:

<a href="http://mediaplayer.yahoo.com/example1.mp3">First link</a>

8. Save.

For further information about the Yahoo Media Player please visit: http://mediaplayer.yahoo.com/.

That’s all!

Good luck!