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