U3F1ZWV6ZTQ3Nzc0Mjg0MjA4X0FjdGl2YXRpb241NDEyMTY3MjQ3NDA=
recent
مواضيع ساخنة

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

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



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

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

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

الطريقة سهلة جدا وبأختصار توجه الى لوحة تحكم بلوجر ثم اختار المظهر ثم تعديل وبواسطة 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)
    إرسال تعليق
    1. السلام عليكم
      بحثت عن ]]> داخل مدونتي فلم أجده!!!

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

      ردحذف

    إرسال تعليق

    آرائكم تسعدنا, لمتابعة التعليق وحتى نرد عليك فقط ضع إشارة على إعلامي
    شكرا لك

    الاسمبريد إلكترونيرسالة