أظف مشغل ملفات mp3 لمدونة بلوجر
إخواني
الكرام كيف حالكم اليوم إن شاء الله سأشرح لكم طريقة لإضافة مشغل ملفات 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 رابط الملف الصوتي
هذه هي اهم
البيانات التي تحتاجها في هذه الإضافة
اتمنى ان
تعجبكم الإضافة بالتوفيق للجميع ودمتم في رعاية الله وحفظه
