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

11:48 ص

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


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

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


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

مواضيع ذات صلة

Previous
Next Post »

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