القائمة الرئيسية

الصفحات

آخر الأخبار

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


قبل تحميل الملفات

اضغط لايك لصفحتنا علي الفيس بوك قوود توينز ليصلك اخر تدوينات المدونة

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


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

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

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

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

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

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

<style>

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

الكود :



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



الشرح المفصل بالفيديو :





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

تعليقات