আসসালামুয়ালাইকুম,

লাইলাতুল কদরের শুভেচ্ছা রইল সবার জন্য। সকলে সুন্দর ভাবে এই রাতে প্রার্থনা করুক এই কামনা করি

যাই হোক আজ আমি আপনাদের জন্য নিয়ে এলাম আপনাদের ব্লগারের জন্য HTML 5 মিউজিক প্লেয়ার জখনি কেউ আপনার ব্লগে প্রবেশ করবে তখনি শে বিভিন্ন গান শুনতে পাবে

চলুন কাজ শুরু করা যাক

প্রথমে আপনার ব্লগের Dashboard এ প্রবেশ করুন

এইবার Template এ গিয়ে Edit HTML এ ক্লিক করুন

এইবার Ctrl+F চাপুন এবং </head> সার্চ  করুন

এইবার নিচের কোডগুলো  </head> এর আগে কপি করে পেস্ট করে দিন

<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”></link>

<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>
<div id=”mnplp”>
<div></div>
<img src=”" alt=”"/>
<span></span>
<span></span> 

<div></div>
<div></div>
<div></div>

<div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

<div>
</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>