اليوم سنقوم بإذن الله بحل مشكلة الصور الضبابية في بلوجر أو الباهتة والمشوهة. وسنقوم بتطبيق الشرح على أغلب القوالب المتداولة.
حل مشكلة الصورة الضبابية أو الباهتة في بلوجر
يواجه بعض أصحاب المدونات مؤخراً مشكلة في الصور الضبابية أو الباهتة وهذا بعد التحديثات الأخيرة في جوجل، ولكن تظهر مشاكل الصور الضبابية في الصورة الأولي للمقال، وتظهر مشكلة الصور المضببه أو المشوهة في أغلب القوالب المجانية التي لا تحصل علي دعم من مطوريها.
كيفية اصلاح الصور الضبابية والباهتة في مدونة بلوجر؟
مرجباً بالأخوة المدونين إذا كنت تعاني من ظهور صور المنشورات بطريقة باهتة وضبابية مع الرغم انك عندما تدخل للمشاركة عن طريق المسودة تظهر الصورة بشكل طبيعي وجودتها الأصلية، الحل بسيط وسهل ولا يحتاج اي مجهود.
مشكلة الصور الضبابية تظهر فقط علي الصور الأولى للمقال في الصفحة الرئيسية، مما يجعل الشكل العام للمدونة سيء للمستخدم اليوم جمعت لك كل الطرق للتخلص من تلك المشكلة المزعجة وبعد أتباعك الطريقة وتطبيقها ستظهر الصور بشكل طبيعي و بجودتها الأصلية.
حل مشكلة الصور الضبابية والباهتة في بلوجر
يصلح كود حل مشكلة الصور الضبابية في قالب سكويز وقالب سيو بلس وجميع القوالب الأخرى، قم باتباع الطريقة واذا لم يتم الحل في الطريقة الأولي استخدم الطريقة الثانية.
- اتبع الخطوات التالية في حل مشكلة الصور الضبابية في بلوجر "Blogger" وركز جيداً
نصيحة - يوصى بعمل نسخة احتياطية من القالب الحالي قبل التخصيص أو إجراء تغييرات لتجنب حدوث أي أخطاء، حتي يمكنك استعادة القالب الأصلي.
الطريقة الأولي في حل مشكلة الصور الضبابية في Blogger
- قم بتسجيل الدخول إلى Blogger.
- التوجه للوحة تحكم مدونتك ثم المظهر وتعديل HTML.
3. أضغط في الكيبورد على Ctrl + F
قم بالبحث عن هذا الكود thumbnailUrl وستجد في الغالب أكثر من واحد قم باستبدالهم جميعاً بهذا الكود featuredImage
الطريقة الثانية في حل مشكلة الصور الضبابية في بلوجر
اذا لم تنجح معك الطريقة الأولي أو لا تجد الكود في القالب الذي تستخدمه فاستخدم تلك الطريقة لحل مشكلة الصور في مدونة بلوجر، صور ضبابية أو باهتة.
- قم بتسجيل الدخول إلى Blogger.
- التوجه إلي لوحة تحكم مدونتك ثم المظهر وتعديل HTML 👇
- اضغط في الكيبورد على Ctrl + F
قم بالبحث عن هذا الكود <b:if cond='data:post.thumbnailUrl'>
قم باستبدال هذا الكود كاملاً:
<b:if cond='data:post.thumbnailUrl'>
<div class='thumbnail'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
<div class='snippet'>
<data:post.snippet/>
</div>
</b:if>
</b:if>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'>
<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 991, )' expr:title='data:post.title'/>
</a>
</b:if>
نصيحة مهمة
حتي تحصل علي أفضل سرعة للمدونة على الهاتف أو الكمبيوتر استخدم تنسيق ويب (Webp) وهو ما تنصح به جوجل يقوم بضغط الصورة الي حجم أقل بنسبة تتخطى ال 40% وتبقي الصورة بنفس جودتها يمكنك الاطلاع علي كيفية تحويل الصور الى ويب - Webp.
كان موضوع اليوم عن كيفية حل مشكلة الصورة الضبابية في بلوجر؟ أوحل الصور الباهتة أو المشوهة في بلوجر وقد حاولت أن أبقي هذا الشرح بسيطًا قدر الإمكان، كما ان هذه الأكواد لن تؤثر على سرعة القالب وستحل جميع المشاكل الموجودة بالصور.
سعدنا بوجودك 😍 شكراً لك اترك تعليقك بمدى أستفادتك من المحتوى دعمنا لنا وسيتم الرد عليك في أقرب وقت. يسعدنا دائماً اقتراحاتكم بخصوص المحتوى وأذا كان لديك أى أستفسار لاتترد بالتعليق أو المراسلة عبر صندوق البريد.