السلام عليكم ورحمة الله وبركاته اليوم إخوتي في الله سنتعرف إلى كيفية إضافة مشغل الصوت والفيديو WebPlayer إلى موقعك أو مدونتك
على بلوجر أو ووردبريس وهو المتوافق مع أغلب المتصفحات
شرح للإضافة : هذه الأداة تمكن من عرض ملفات الصوت كالقرآن الكريم أو الأدعية ... و مقاطع الفيديو كالمحاضرات وحلقات البرامج الدينية كما ستلاحظون في المدونة وهذا مثال بسيط للإضافة
1 مثال لملف صوتي 2 مثال لملف فيديو
صورة المثال1 صورة المثال 2
عموما الإضافة جانبية ويمكن إخفائها وتنزلق إذا قمنا بالنزول أو الصعود وهذه ميزات جميلة
الآن نأتي إلى شرح طريقة إضافتها ل:
اللهم إني أشهدك وأشهد حملة عرشك وملائكتك وجميع خلقك أني بريء من كل من يستخدمها في ما يغضبك مثل ألأغاني أو الأفلام الغير أخلاقية وغيرها ......
1- إذهب إلى لوحة التحكم الرئيسية blogger > قالب
2- تحرير HTML > متابعة
3- البحث عن الكود أدناه في القالب (إضغط على CTRL+F في لوحة المفاتيح للبحث في المتصفح)
</Body>
نسخ ولصق كود WebPlayer التالي مباشرة فوق علامة الإغلاق <body/>
.
<script type="text/javascript" src="https://sites.google.com/site/wikilazy/javascript/player-beta.js"></script>
على سبيل المثال:
<html>
<head>
<title>My Website</title>
</head>
<body>
.
.
<script type="text/javascript" src="https://sites.google.com/site/wikilazy/javascript/player-beta.js">
</script>
</body>
</html>
- 1- انتقل إلى "Edit Themes" > وانقر على قالب "Footer"
- 2- لصق الكود WebPlayer مباشرة فوق العلامة الإغلاق </ body> كما فعلنا مع بلوجر ثم انقر على "update file"
لقد وضع كود لمشغل في Footer الصفحة الثابتة، و هذا يجب ان يظهر في جميع المشاركات أو المواضيع و صفحات التي تتضمن فيديو أو رابط Mp3 في مدونتك.
أو يمكن لك تثبيت البرنامج المساعد وردبريس * إذا كنت تستخدم برنامج وردبريس لموقعك.
الحصول على البرنامج المساعد
وضع الكود !WebPlayer Yahoo في نهاية كود HTML موقعك، مباشرة فوق العلامة الإغلاق </ body>
<script type="text/javascript" src="https://sites.google.com/site/wikilazy/javascript/player-beta.js">
بعد أن قمنا والحمد لله بإضافة الكود الخاص بالمشغل سنشرح كيفية تشغيل الملفات داخل الموقع أو المدونة..
كل ما في الأمر كود بسيط نضعه داخل كل موضوع أو تدوينة بها مقطع صوتي أو مقطع فيديو وذالك في وضع HTML
الكود هو هذا:
<a href="ضع رابط الملف الصوتي أو الفيديو هنا">ضع إسم الملف هنا</a>
وهذه بعض أمثلة وبعض الإضافات في الكود :
المثال الأول:
النتيجة:
يمكن إستبدال الصورة فقط ضع رابطها بدل الرابط الأحمر
المثال الثاني:
<a href=http://www.youtube.com/watch?v=7TJCcy4cUYY > <button type="button" >من سيحمل هم الدين</button></a>
النتيجة:
وضع الكود !WebPlayer Yahoo في نهاية كود HTML موقعك، مباشرة فوق العلامة الإغلاق </ body>
<script type="text/javascript" src="https://sites.google.com/site/wikilazy/javascript/player-beta.js">
</script>
على سبيل المثال:<html>
<head>
<title>My Website</title>
</head>
<body>
.
.
<script type="text/javascript" src="https://sites.google.com/site/wikilazy/javascript/player-beta.js">
</script>
</body>
</html>
بعد أن قمنا والحمد لله بإضافة الكود الخاص بالمشغل سنشرح كيفية تشغيل الملفات داخل الموقع أو المدونة..
كل ما في الأمر كود بسيط نضعه داخل كل موضوع أو تدوينة بها مقطع صوتي أو مقطع فيديو وذالك في وضع HTML
الكود هو هذا:
<a href="ضع رابط الملف الصوتي أو الفيديو هنا">ضع إسم الملف هنا</a>
وهذه بعض أمثلة وبعض الإضافات في الكود :
المثال الأول:
<a href="http://www.youtube.com/watch?v=7TJCcy4cUYY"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1AGb8FpB2FhqxEP33L5QsO2Pb_jJpsp276s2oA2HieGj08tyJQlSTwwvvIzbJx80OhCXrc2hXkXOEekw2C0CgpYBQBdYmNPKKQecosw2Rv6dVWU8s42et317XWi3AXioTQxus1Av5z3RF/w140-h80-p/%25D8%25AA%25D8%25B4%25D8%25BA%25D9%258A%25D9%2584.png'></a>
النتيجة:
المثال الثاني:
<a href=http://www.youtube.com/watch?v=7TJCcy4cUYY > <button type="button" >من سيحمل هم الدين</button></a>
النتيجة:
المثال الثالت وهو الإفتراضي:
ن<a href="http://www.youtube.com/watch?v=7TJCcy4cUYY">من سيحمل هم الدين</a>
النتيجة : من سيحمل هم الدين
وضعنا لكل نتيجة الكود الخاص بها وإدا لاحظتم أنه نفس الكود الدي يختلف هو زيادة بيسطة ملونة باللون الأحمر تتجلى في صورة أو زر وأنتم تستطيعون الإبداع أكثر من هذا
المهم هو وضع الكود في وضعية HTML
للمرة الثانية:
اللهم إني أشهدك وأشهد حملة عرشك وملائكتك وجميع خلقك أني بريء من كل من يستخدمها في ما يغضبك مثل ألأغاني أو الأفلام الغير أخلاقية وغيرها ......
للأمانة فهذا الموضوع منقول من هذه المدونة وما فعلناه هو إدخال بعض الخيارات على الكود فقط
تم بحمد الله وشكره
شكرا علي الموضوع
ردحذفجزاك الله خيرا مرحبا بكم في أي وقت
حذفالسلام عليكم ... أخى الكريم .. فعلت ما قلت وعملت حفظ للنموذج ولايعطينى اى خطأ عن حفظ نموذج القالب ... بس المشغل مظهرش فى المدونة ... ارجوا الافادة وجزاك الله خير الجزاء
ردحذفوعليكم السلام ورحمة الله وبركاته أخي العزيز نعتذر عن التأخر بالنسبة لمشكلتك تأكد من أنك وضعت الكود الخاص بالتشغيل داخل التدوينة (طرقة الإستخدام التي تم شرحها أعلاه ) ثم تأكد أن متصفحك يدعم تشغيل الفلاش فإن كان يظهر لك المشغل على هذه المدونة فإنه يدعم الفلاش
حذفوإذا تحققت من كل هذا ولم يظهر لك المشغل فقم بإرسال نسخة من قالب مدونتك أو رابط لتحميله على هذا الإيميل oubtoumohamad@gmail.com لنتأكد من إعداده وبالتوفيق إن شاء الله أعانك الله
شكرا لك أخى الكريم ... وجزاك الله خير الجزاء .... تعبت جداااااااااااااااااااااااااااااااااااااااااااا على ماقدرت اصل والله ... وجزاك الله خيرا ... ولكن لى طلب تانى
حذفياريت تقولى ازاى احط مشغل زى اللى فى المدونة دى كده وربنا يجازيك خير الجزاء
http://tassgelate-nadra-ashraf-alasawy.blogspot.com/2014/06/080614_8.html?spref=fb
وربنا مايحرمنا منك ياااااااااااااااااارب
واسف لو كنت اثقلت على حضرتك
أخي الحبيب جزاك الله خيرا سررنا بمرورك لقد تم الرد عليكم في البريد الإلكتروني وقد تم إرسال المعلومات اللازمة لهذا الغرض بارك الله فيك وأي خدمة نحن بعون الله هنا ولا تقل إنك أثقلت علينا فهذا واجبنا
ردحذفلم يظهر عندى مع انى متاكد من انى وضعته بشكل صحيح http://www.bareek.net/
ردحذفhttp://anbarprograms.blogspot.com/2015/11/Song-remember-my-brother-death.html
ردحذفhttp://anbarprograms.blogspot.com/2015/11/Song-remember-my-brother-death.html
ردحذف