أظف مشغل ملفات MP3 لمدونة بلوجر

إخواني الكرام كيف حالكم اليوم إن شاء الله سأشرح لكم طريقة لإضافة مشغل ملفات 

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 رابط الملف الصوتي

هذه هي اهم البيانات التي تحتاجها في هذه الإضافة

اتمنى ان تعجبكم الإضافة بالتوفيق للجميع ودمتم في رعاية الله وحفظه

/* ---- Code By Ezzaii.com ---- */

معلومات عن التدوينة بتاريخ: dimanche 19 octobre 2014 الساعة: 03:30 عدد الزيارات: (جارى التحميل) .. عدد التعليقات: 0 الكاتب: Unknown العامة للإبلاغ عن رابط معطوب اضغط هنا جميع الحقوق محفوظة ( مدونة NET POINT )

روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode