طريقة جعل قالب بلوجر متوافق مع الشاشات

الطريقة الصحيحة لجعل قالب بلوجر متجاوب و متوافق مع شاشات الهواتف والاجهزة اللوحية الذكية


شرح كيفية برمجة وجعل تصميم قالب بلوجر متجاوب وResponsive design Blogger ومتوافق مع جميع الشاشات الذكية للجوال ، مثل الهواتف الذكية والهواتف الصغيرة والاجهزة اللوحية الذكية مثل اللابتوب.


طريقة جعل قالب بلوجر متوافق مع الشاشات

في هذا الدرس على موقع قوقل توينز ، سأقدم لك شرحًا تفصيليًا حول أساسيات و طريقة جعل قالب بلوجر متوافق مع الشاشات مثل: الهواتف الذكية والأجهزة اللوحية ذات الأحجام المختلفة "Responsive design".


طريقة جعل قالب بلوجر متوافق مع الشاشات


  1. بحيث يعاني العديد من المدونين من حجم الفيديو على الهواتف الذكية أو الأجهزة اللوحية.
  2. على سبيل المثال عند إضافة رمز فيديو مثل YouTube.
  3. يظهر الفيديو على شاشة الكمبيوتر بطريقة جيدة.
  4. ولكن عند الذهاب ومشاهدة الفيديو من خلال شاشة الهاتف ترى أن حجم صورة الفيديو كبير جدًا أو صغير.
  5. ولكن اليوم سنقوم بتعديل هذه مشكلة بسيطة جدًا عن طريق إضافة رمز داخل القالب.
  6. وبعد ذلك ستضيف رمز الفيديو دون التدخل معك أو إجراء أي تغييرات عليه.


طريقة جعل قالب بلوجر متوافق مع الشاشات و متوافق مع شاشات الهواتف والاجهزة اللوحية الذكية


  • نقوم بالدخول الى المظهر ثم نقوم بالنقر على تعديل HTML ثم نبحث عن هذا الكود:

<b:skin>.
  • واذا لم تجد هذا الكود الخاص بــ  css أو:

<style>

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

الكود :



لمعاينة توافق قالبك على الهواتف الذكية :



الشرح المفصل بالفيديو لجعل قالب بلوجر متوافق مع الشاشات :





شكرا لك على متابعتنا ونرجو منك في حال عدم نجاح الكود لديك أن تراسلنا لنساعدك في حل تلك المشكلة ، كل التحيات لكم. 
google-playkhamsatmostaqltradent