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}}


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

تعليقات

تعليقان (2)
إرسال تعليق

من أنا

صورتي
saeed alkalabani
Jordan
احترف التدوين مع مدونة الكلباني وضاعف ارباحك من أدسنس كل ما تبحث عنه فيما يتعلق بمدونات بلوجر وشروحات ادسنس ستجده في مدونة الكلباني
عرض الملف الشخصي الكامل الخاص بي
google-playkhamsatmostaqltradent