طريقة سهلة للحفاظ علي تجاوب الصور اواحجامها في تصميمات بلوجر المتجاوبة (ضروريةو هامة)

بسم الله الرحمن الرحيم 
سلام عليكم كما يعلم جميع مدونين او اصحاب مدونات او مواقع ان قالب متجاوب يكون افضل, و ايضا انها من ضروريات التي يجب على قالب تكون فيه سواء في منصة بلوجر او في اي منصة اخرى كما ان قالب متجاوب يكون اكثر محبة لمحركات البحت و خصوصا غوغل و لذلك و في هذا التدوينة ساقدم لكم طريقة سهلة للحفاظ علي تجاوب الصور اواحجامها في تصميمات بلوجر المتجاوبة (ضروريةو هامة)

طريقة سهلة للحفاظ علي تجاوب الصور اواحجامها في تصميمات بلوجر المتجاوبة (ضروريةو هامة)

و طريقة سهلة تقوم بدخول الى مدونة ثم الى قالب بعذ ذلك ضغط على تحرير HTML ثم بحت عن

</head>

وفوقه مباشرة ضع الكود التالي

<style> img { max-width: 98% !important; } </style>

شرح الكود

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

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