ZMPlayer For Your Website and Blogs How to add ZMPlayer to Blogger?

ZM Player is one of the easiest way to play audio files from your website or blog. It is very easy to embed into your site and only display when you click on the audio file name. With ZM! 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!

When you add the ZMPlayer to your page, this play button will appear next to each of your audio links:

PLAY

 When visitors click the icon, the audio file will begin to play in the ZMPlayer, which will appear at the bottom of the page:

ZMPLAYER

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, of your blog. The HTML format for the link is similar to that of a normal link. For example.

<a href="http://sites.google.com/site/bloggersentral/file-storage/GetaranJiwa.mp3">Sample audio 1</a>

Step 3: Adding ZMPlayer code to Blogs.

Copy and paste this code into your blog.

<script src='http://dl.dropboxusercontent.com/s/0zefbjw5a4mcdn1/player.js' type='text/javascript'></script>
  • In a HTML/Javascript gadget or
  • Inside your template –insert it right before </body>

Using the ZMPlayer in Blogger

The much easier way to add the ZM! Media Player code to your Blogger.

  • Login to your blogger dashboard–> Design – -> Edit HTML.
  • Scroll down to where you see </head> tag .
  • Copy below code and paste it just before the </head> tag .
<script src='http://dl.dropboxusercontent.com/s/0zefbjw5a4mcdn1/player.js' type='text/javascript'></script>
  • Now save your template.
  • Go to  –>New Post.
  • Click on ‘HTML’.
  • You can also add this code into Html section of your Post.
<a href=”http://sites.google.com/site/bloggersentral/file-storage/GetaranJiwa.mp3″>Sample audio 1</a>

Note:

Replace “DIRECT_URL_OF_YOUR_MP3-FILE_URL” with your .mp3 file direct url.
Replace “Name_Of_the_Mp3_File” with any name you like.