Code chèn vào blog

<!-- code player -->

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

<link href='https://sites.google.com/site/dihisidata01/file-player/04.css' rel='stylesheet'/>

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

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

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

<!-- code player -->

Code bài viết.

<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":"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"},

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

    ]

   });

  });

 </script>