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