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

بسم الله الرحمن الرحيم

بسم الله والصلاة والسلام على اشرف خلق الله 

سيدنا محمد صلى الله عليه وسلم 

بالرغم من أنه من الضرورى إستخدام قالب متجاوب لموقعك ليظهر بشكل جيد للمستخدمين الذين يتصفحون موقعك من خلال الهواتف المحمولة إلا إنه لابد من مراعاة أن يكون أيضا المحتوى متجاوب بما يضمه من نصوص وصور وفيديوهات .... " 

اليوم سأتحدث عن إضافة بتقنية JQuery تسمى Fitvid plugin تضاف إلى القالب 

ولتركيب هذه الإضافة لقالب مدونة بلوجر : 

1 - إذهب إلى لوحة تحكم بلوجر >> قالب 

2 - قم بتحرير Html للقالب ولاتنسى الإحتفاظ بنسخة إحتياطية للقالب 

3 - إبحث عن الكود التالى بإستخدام لوحة المفاتيح عبر الضغط على Ctrl+F

  </head>

4 - أضف الكود التالى مباشرة فوق الكود السابق

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"/>


<script src='https://raw.github.com/davatron5000/FitVids.js/master/jquery.fitvids.js'/>

   <script>$(document).ready(function(){
$(“#your-video”).fitVids();
});

</script> 

5 - إحفظ القالب 

6 - عند تضمين أى فيديو داخل مشاركة أو صفحة أضف الكود التالى قبل كود تضمين الفيديو بتبويب html للمشاركة أو الصفحة 

<div id=”your-video”>

مثال

<div id=”your-video”>


<iframe width="1280" height="720" src="https://www.youtube.com/embed/_0?rel=0" frameborder="0" allowfullscreen></iframe>

بذلك يكون أى فيديو على المدونة بتنسيق متجاوب على جميع الشاشات