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

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


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

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

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

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

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


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

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

<style>

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

الكود :



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



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





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