-->
U3F1ZWV6ZTQ3Nzc0Mjg0MjA4X0FjdGl2YXRpb241NDEyMTY3MjQ3NDA=
recent
عــــــــــــاجل

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

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



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

اقرأ أيضا : تعرف على خاصية 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}}


 
ثم احفظ القالب وبهذا تكون كل الفيديوهات على مدونتك اصبحت مستجيبة تلقائيا للشاشات المتعددة .
تعليقان (2)
إرسال تعليق
  1. السلام عليكم
    بحثت عن ]]> داخل مدونتي فلم أجده!!!

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

    ردحذف

إرسال تعليق

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

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