الطريقة الصحيحة لجعل قالب بلوجر متجاوب و متوافق مع شاشات الهواتف والاجهزة اللوحية الذكية
شرح كيفية برمجة وجعل تصميم قالب بلوجر متجاوب وResponsive design Blogger ومتوافق مع جميع الشاشات الذكية للجوال ، مثل الهواتف الذكية والهواتف الصغيرة والاجهزة اللوحية الذكية مثل اللابتوب.
في هذا الدرس على موقع قوقل توينز ، سأقدم لك شرحًا تفصيليًا حول أساسيات و طريقة جعل قالب بلوجر متوافق مع الشاشات مثل: الهواتف الذكية والأجهزة اللوحية ذات الأحجام المختلفة "Responsive design".
طريقة جعل قالب بلوجر متوافق مع الشاشات
- بحيث يعاني العديد من المدونين من حجم الفيديو على الهواتف الذكية أو الأجهزة اللوحية.
- على سبيل المثال عند إضافة رمز فيديو مثل YouTube.
- يظهر الفيديو على شاشة الكمبيوتر بطريقة جيدة.
- ولكن عند الذهاب ومشاهدة الفيديو من خلال شاشة الهاتف ترى أن حجم صورة الفيديو كبير جدًا أو صغير.
- ولكن اليوم سنقوم بتعديل هذه مشكلة بسيطة جدًا عن طريق إضافة رمز داخل القالب.
- وبعد ذلك ستضيف رمز الفيديو دون التدخل معك أو إجراء أي تغييرات عليه.
طريقة جعل قالب بلوجر متوافق مع الشاشات و متوافق مع شاشات الهواتف والاجهزة اللوحية الذكية
- نقوم بالدخول الى المظهر ثم نقوم بالنقر على تعديل HTML ثم نبحث عن هذا الكود:
<b:skin>.
- واذا لم تجد هذا الكود الخاص بــ css أو:
<style>
- ومن ثم نضع الكود التالي أسفل احدى هذين الكودين مباشرة وبذلك تكون قد حلت المشكلة لديك تماما ، مهما كان نوع القالب.
الكود :
لمعاينة توافق قالبك على الهواتف الذكية :
الشرح المفصل بالفيديو لجعل قالب بلوجر متوافق مع الشاشات :
شكرا لك على متابعتنا ونرجو منك في حال عدم نجاح الكود لديك أن تراسلنا لنساعدك في حل تلك المشكلة ، كل التحيات لكم.