Online Music Player Widgets for Blogger blog / blogspot

Online Music Player Widgets for Blogger blog / blogspot

Now Follow this instruction :

Step 1:   Go to your blogger Dashboard  and Click  Layout

Step 2:  Now  Add a  new Widget Like   HTML/JavaScript 

Step 3: Now Copy this Below Code and Pasted this Code  on       

                    this  Widget

Step 4: Then save and enjoy yourself .......

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'/>

<link href="https://googledrive.com/host/0B0WJjcJEFNziLXFVNjE1Mms2VkU" rel="stylesheet" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script src="https://googledrive.com/host/0B0WJjcJEFNziYXRYUFZEVkRNaTA" type="text/javascript"></script>

<div class="mbl">

 <div class="mbl_player" id="mnplp">

  <div class="mbl_art_bg">

</div>

<img class="mbl_cover" src="" alt=""/>

  <span class="mnpl_title"></span>

  <span class="mnpl_author"></span>

  

  <div class="mnpl_volume_min">

</div>

<div class="mnpl_volume">

</div>

<div class="mbl_volume_max">

</div>

<div class="mnpl_toolbar">

   <div class="mnpl_tlb_prev">

</div>

<div class="mnpl_tlb_stop">

</div>

<div class="mnpl_tlb_next">

</div>

<div class="mnpl_current">

</div>

<div class="mnpl_long">

</div>

<div class="mnpl_all">

</div>

</div>

<div class="mbl_playlist">

  </div>

</div>

</div>

<script type="text/javascript">

$(function(){

$('#mnplp').mnplp({

'volume': 80,

'playlist':[

{"title":"Track-Name", "author":"Sabuj-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"}

    ]

   });

  });

 </script>