طريقة جعل قوالب بلوجر الافتراضية متجاوبة بسهولة جدا

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

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


أولا: يجب عليك تعطيل أداة navbar فقط قم بالدخول الى تخطيط layout واضغط تعديل ثم اضغط off
ثانيا: التعديل على أكواد الصور لجعلها متجاوبة فقط قم باستبدال الكود التالى بالكود الذى يليه
ثالثا: قم باستبدال الكود التالى بالكود الذى يليه
رابعا: قم بالبحث عن  </head>  وأضف فوقه أو قبله الكود التالى
خامسا: قم بحفظ القالب الافتراضى من بلوجر ومبارك عليك فقالبك الأن متجاوبا مع الهواتف والأجهزة الذكية.
شكرا +AdhySuryadi على شرحه للإضافة.

هناك 23 تعليقًا:

  1. لم يظهر لي أي كود من اﻷكواد
    فهل المشكلة من عندي؟

    ردحذف
    الردود
    1. ما هو نوع قالبك؟ فضلا رابط المدونة للمعاينة

      حذف
    2. http://www.khezanat3olom.blogspot.com.tr

      حذف
  2. أنا قصدت يا أستاذ محمد أني ﻻ أرى اﻷكواد هنا في مدونتك كي انسخها

    ردحذف
    الردود
    1. الاكواد تظهر بشكل طبيعى؟ هل المشكلة مازالت قائمة لديك؟

      حذف
    2. نعم ...فقط أرى اﻹشارة الى اﻷكواد
      مثلا يقول الكود التالي ... ثم ﻻ أرى الكود
      أنا مازلت أدخل من التاب ..وتجاوزت مشكلة عدم القدرة على كتابة التعليقات منه بعد أن قمت بحذف عدد من التطبيقات
      سأدخل من جهاز اللاب توب وأرى إن كانت اامشكلة قائمة

      حذف
    3. نقس المشكلة من جهاز اللاب توب أيضاً

      حذف
    4. هل يمكنك الدخول على ذلك الرابط؟
      http://pastebin.com/raw.php?i=0yq5HPZM
      نحن نستخدم ذلك الموقع لاستعراض الاكواد بطريقة منظمة

      حذف
    5. حاولت الدخول اليه ولكن تظهر لي صفحة باللغة التركية وعندما ترجمتها يقول تدابير حماية وشيء من هذا القبيل

      حذف
    6. أنا دخلت مدونات أخرى
      واﻷكواد فيها تظهر لي ياأستاذ محمد

      حذف
    7. هل يمكنك الدخول من أجهزة أخرى فلم يشتكى أحد من قبل من عرض الأكواد..
      أو يمكنك تصوير لنا ما يظهر لك على المتصفح بخصوص تدابير الحماية. لنساعدك على تخطى الخطأ وظهور الاكواد بشكل سليم.
      تحيتى

      حذف
    8. أنا كتبت ردي في تويتر ونزلت الصورة هناك يا أستاذ محمد
      ﻷني لم أكن أستطيع الرد
      استطعت اﻵن بالعافية

      حذف
  3. أزال المؤلف هذا التعليق.

    ردحذف
    الردود
    1. أى تعليقات عزيزى؟ هل تخص سؤال أم ماذا

      حذف
  4. لم يظهر لي أي كود من اﻷكواد

    ردحذف
    الردود
    1. كيف ذلك تظهر لدى الاكواد بشكل طبيعى؟؟

      حذف
  5. لا أجد الأكواد في قالبي

    ردحذف
  6. لم يظهر لي أي كود من اﻷكواد
    مدونة عرب التقنية

    ردحذف
  7. الاكواد مبتظهرش ف مدونتي ؟

    ردحذف
  8. شكرا على مجهودك ^^
    ارجو زيارة مدونتى http://mo-7amed.blogspot.com/

    ردحذف
  9. استاذ محمد شكرا على الشرح والمجهود لكن لم تنجح الطريق على مدونتي هل هناك حل اخر

    ردحذف
  10. وهذا رابط مدونتي http://th05info.blogspot.com/ شكرا

    ردحذف
  11. في مشكلة عندي
    الموضوعات بتكون متجاوبة وبتصغر مع تصغير الشاشة
    بس الاضافات الجانبية مش بتنزل تحت الموضوعات

    https://hr-personnel.blogspot.com.eg/

    محتاج اعرف الحل

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية