إخواني الكرام كيف حالكم اليوم إن شاء الله سأشرح لكم طريقة لإضافة مشغل ملفات mp3 لمدونتك
هذا المشغل بتحكم كامل انت تتحكم في الملفات الصوتية التي تريد ان تظهر فيه
يمكنك إستعماله لأغراض كثيرة مثل وضع دروس صوتية او اناشيد وايضا لاصحاب البودكاست للتواصل مع زوارهم
ووضع شروحاتهم الصوتية بطريقة جدابة واكثر تنضيما
صورة من الإضافة
حسنا الأن ناتي لطريقة التركيب اولا قم بالبحث عن الوسم </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 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>
إنتظر لم أنتهي بعد هذه البداية فقط
الآن جاء دورك في وضع روابط وصور وبيانات كل ملف صوتي
ضع بدل Track-Name عنوان الملف الصوتي
ضع بدل Author-Name إسم المنشد او المقرئ او اسمك لو كنت من أصحاب البودكاست
ضع بدل thumb-image.jpg صور للمنشد أو المقرئ او صورتك :)
ضع بدل music.mp3 رابط الملف الصوتي
هذه هي اهم البيانات التي تحتاجها في هذه الإضافة
اتمنى ان تعجبكم الإضافة بالتوفيق للجميع ودمتم في رعاية الله وحفظه
للاسف لا يمكن اضافة الكود قبل الhead يطلع خطا
ردحذفأخي تاكد من نسخ الكود بالكامل وتأكد من أن كل وسم مغلق لكي يشتغل الكود
حذفيوجد خطأ في الوسم التاني و يمكن تصحيحه بـقص وسم النهاية /head و تعويضة برمز / داخل السيكشيون :)
ردحذف