أخر الاخبار

كيف اجعل فيديوهات توت يوب فى مدونتى متجاوبه مع كافة الاجهزه الذكية



كيف اجعل فيديوهات توت يوب فى مدونتى متجاوبه مع كافة الاجهزه الذكيه، كيف اجعل الفيديو فى المشاركه على بلوجر متجاوب مع الجوال، كيفية جعل يوتيوب فيديوعلى مدونات بلوجر مستجيبة للشاشات المتعددة.

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

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

 توجه الى لوحة تحكم بلوجر ثم اختار المظهر ثم تعديل وبواسطة البحث داخل القالب عبر الاختصار 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}}
ستجد أن الفيديوهات القديمه بالمشاركات أو التى ستضعها لاحقا متجاوبة مع كافة الأجهزه .
يمكنك عبر الموقع التالى التأكد من تجاوب الفيديوهات بمقالاتك للأجهزه المختلفه عبر وضع رابط الموضوع الذى به الفيديو ومشاهدة النتائج والتأكد من النتيجه .
الموقع 
اتمنى لك كل توفيق  
تعليقات



    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -