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

يلجأ بعض المدونين لأضافة فيديو من قناته على اليوتيوب الى موضوع معين وذلك لأثراء المحتوى وتحسين السيو ، حيث يعتبر الفيديو وسيلة مفضلة لدى الزائر في كثير من الحالات .



وفي هذا الموضوع سأشرح هذه الطريقة البسيطة لجعل جميع الفيديوهات على مدونتك يتناسب تلقائيا مع حجم الشاشة التى يُعرض عليها ، سواء كانت عن طريق الجوال او التابلت او اللاب توب او أي جهاز ، وهذه الطريقة تتلخص فيما يلي :

اقرأ أيضا : تعرف على خاصية amp لتسريع تحميل مدونات بلوجر على الموبايل وضاعف ارباحك

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

اذهب الى الفيديو الذي تريد ادراجه في موضوعك ثم اضغط كبسه يمين على الفيديو ، ستخرج لك قائمة اختار من القائمة نسخ شفرة التضمين او copy embed code ثم توجه الى موضوعك وانتقل من تأليف الى html ثم الصق الكود ، ويمكنك تغيير ابعاد وحجم الفيديو يدويا عن طريق تغيير width و height الموجودة في الكود او تجعل الفيديو يتناسب مع جميع الشاشات المتعددة وذلك باتباع الخطوة التالية :

كيف تجعل حجم الفيديو يتناسب مع الشاشات المتعددة:

الطريقة سهلة جدا وبأختصار توجه الى لوحة تحكم بلوجر ثم اختار المظهر ثم تعديل وبواسطة ctrl + f ابحث عن ]]></b:skin> 
 ثم ضع الكود التالي فوقه مباشرة :

 /* Responsive Youtube */
.post-body iframe{width:100%!important;}
@media screen and (max-width:960px){
.post-body iframe{max-height:90%}}
@media screen and (max-width:768px){
.post-body iframe{max-height:75%}}
@media screen and (max-width:600px){
.post-body iframe{max-height:60%}}
@media screen and (max-width:480px){
.post-body iframe{height:auto!important;max-height:auto!important}}


 
ثم احفظ القالب وبهذا تكون كل الفيديوهات على مدونتك اصبحت مستجيبة تلقائيا للشاشات المتعددة .
author-img
saeed alkalabani

تعليقات

تعليقان (2)
إرسال تعليق
  • نذير الزعبي photo
    نذير الزعبي6 فبراير 2019 في 12:08 ص

    السلام عليكم
    بحثت عن ]]> داخل مدونتي فلم أجده!!!

    حذف التعليق
    • saeed alkalabani photo
      saeed alkalabani6 فبراير 2019 في 6:19 ص

      اخ نذير الكود موجود في جميع مدونات بلوجر ابحث عن الكود كاملا او جزء منه

      حذف التعليق

      المساهمون