حل مشكلة ضبابية الصور على البلوجر images Thumbnail blurry

حل مشكلة ضبابية الصور على البلوجر images Thumbnail blurry


حل مشكلة ضبابية الصور على البلوجر images Thumbnail blurry

 

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


لذلك عندما نفتح المنشور ، نرى الصورة المصغرة للمنشور ، أي لا يمكننا رؤيته بوضوح. لذلك في مقال اليوم .كيفية إصلاح مشكلة الصورة في موقع blogger على الويب.


سبق أن قمت بشرح الطريقة من قبل بستخدام بعض الاكواد حيت اصلاح الصور الضبابية أوالباهتة أو الصور المصغرة في قوالب بلوجر Blogger.

كيفية إصلاح مشكلة صورة مصغرة ضبابية في موقع بلوجر Blogger بدون أكود


- تقديم عام :

منذ ظهور الواجهة الجديدة لبلوجر والعديد من المدونين يعانون من مشاكل كثيرة في إدارة مدوناتهم. 


بعض الإعدادات اختفت والأخرى تغيرت أسمائها فضلاً عن تغير أماكن بعض الإعدادات مما جعل المدونين يواجهون العديد من الصعوبات. 


بالطبع ليست مشكلة تغير الواجهة في الإعدادات فقط.


فالكثير من القوالب مبنية على واجهة بلوجر القديمة؛ مما أدى إلى ظهور الكثير من المشاكل عند التحويل إلى الواجهة الجديدة. 


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


وهذا هو موضوعنا لهذا اليوم، والذي سنقوم فيه بحل هذه المشكلة بطريقة سهلة جداً إن شاء الله.


1. أشياء للذكرى:

تم الآن استبدال واجهة مستخدم Blogger القديمة بواجهة UI New Blogger.يحتوي برنامج UI الجديد على العديد من الميزات الجديدة والمحدثة. 

نحن نعلم أن المدون أصبح متجاوبًا ، سواء على سطح المكتب ، والهاتف المحمول ، أو الأجهزة اللوحية ، إلخ.


  كل شيء بما في ذلك المشاركات والتعليقات والإحصائيات والمحررين وقوائم القراءة والإعدادات حصلت على نظرة جديدة.


  إنه حقًا قرار مهم لتقديم تصميم جديد ومحسن بسبب شبكة الويب المستمرة.


هناك خيار "للعودة إلى الواجهة القديمة" إذا كنت ترغب في العودة إلى واجهة المستخدم القديمة ولكن هذا الخيار لن يكون متاحًا بعد سبتمبر 2020 وفقًا لتحديثات المدون.


. "هذه المشكلة قادمة إلى مدون جديد. عندما أقوم بتحميل الصور من خلال المدونين القدامى ، كانوا يرون تمامًا ".

  1. ماذا تجد في هذا المنشور؟
  2. لماذا تظهر الصور الباهتة على Blogger في 2022؟
  3. لماذا تظهر الصور الباهتة اصلاح الصور الضبابية و على Blogger في 2022؟
  4. إصلاح الصور الباهتة أو الصور المصغرة على Blogger في عام 2022.


2. ماهو سبب المشكلة؟

مشكلة ظهور صورة المشاركة بشكل غير واضح عند عرضها على الصفحة الرئيسية، ظهرت في  العديد من قوالب البلوجر ومنها القالب المشهور "سكويز". 


والعديد من القوالب وقالب شروحات الخاص بي والسبب ببساطة كما ذكرنا آنفاً؛ هو عدم توافق هذه القوالب مع واجهة بلوجر الجديدة 


وكما نعرف أنه مؤخراً تم الغاء الواجهة القديمة لبلوجر تماماً، ولم يعد بإمكاننا أن نعود إليها لكي نكتب المشاركات من خلالها. 


لهذا سنقوم بحل المشكلة باستخدام الواجهة الجديدة عن طريق تغيير بسيط في الأكواد. كلما عليك هو أن تتبع الخطوات الآتية وسيتم حل المشكلة بإذن الله.


كان لدي بضعة أسئلة الليلة الماضية حول ظهور الصور على Blogger ضبابية وأكثر تشويشًا من المعتاد.


ثم لاحظت تغريدات وتعليقات على منتدى Blogger تقول نفس الشيء. 


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

3. كيفية تحسين جودة صورك على Blogger

قم بتحميل صورتك على Blogger كالمعتاد. انقر فوق وضع HTML في محرر النشر وابحث عن رمز مصدر الصورة. 


سترى رمز الصورة داخل رمز الارتباط. عادة ما يكون الحجم متوسطًا لتبدأ به ، لذا هذا ما سيبدو عليه على الأرجح


قم بتحميل صورتك إلى Blogger كالمعتاد. انقر فوق وضع HTML في محرر النشر وابحث عن رمز مصدر الصورة.


سترى رمز الصورة داخل الرمز للحصول على رابط. الحجم عادة ما يكون متوسطة لتبدأ ، لذلك هذا هو ما سيبدو عليه على الأرجح

4. مشكلة Blogger المصغرة في التحديث الجديد لـ Blur

تم ترحيل واجهة blogger القديمة مؤخرًا إلى واجهة مستخدم blogger UI جديدة. لذلك ، من المتوقع حدوث مشكلات خطيرة خاصة إذا كنت لا تستخدم قوالب المدونات الافتراضية.


عند بدء التدوين وإنشاء مدونة في أحد المنصاة التدوين Blogger أو WordPress . 


فأنت بحاجة إلى الاهتمام ببعض الأشياء لتحسينها والتي ستساعدك على الحصول على مرتبة أعلى ومعرفة خوارزميات بحث Google ووظائفها؟

منذ ظهور التحديث الجديد لـ Blogger ، انزعج الكثير من المدونين من مشكلة الصور المصغرة الباهتة.كانت الصور المصغرة واضحة ومرئية في واجهة المدون القديمة.


 لكن الصور المصغرة لا تظهر على الصفحة الرئيسية بعد تحديث المدون الجديد.


لاحظ بعض قرائي هذا وسألوني عما إذا كان لديك أي حل لمشكلة تمويه الصورة المصغرة الجديدة للمدون.


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


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

    اصلاح صور ضبابية أوالباهتة المصغرة في قوالب بلوجر Blogger


    5. كيفية إصلاح ضبابية الصور المصغرة في بلوجر

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


    ويقول بعض الأشخاص أنك بحاجة إلى تثبيت قالب بلوجر جديد لإصلاح هذا الخطأ. 


    أ. سوف نشرح بالنسبة لطريقة الاولى 

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



      ب. سوف نشرح بالنسبة لطريقة التاتية

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


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

      1. انتقل إلى Blogger.
      2. انتقل إلى تحرير HTML.
      3. انقر في أي مكان في منطقة تعليمات HTML البرمجية.
      4. اضغط على Ctrl + F من لوحة المفاتيح.
      5. ابحث عن الكود أدناه :
      <b:if cond='data:post.thumbnailUrl'>


       الآن تحصل على هذا الرمز:

      <b:if cond='data:post.thumbnailUrl'>

      <a expr:href='data:post.url'><script type='text/javascript'>

      document.write(fs_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));

      </script></a> <b:else/>

      الآن استبدل هذا الرمز بالرمز الجديد الوارد أدناه:

      <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:else/> 


      إذا لم يعمل الرمز أو واجهت أي خطأ / مشكلة ، فيرجى تنزيل ملفات التعليمات البرمجية المصدر من زر التنزيل المحدد.


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


      حيث ذكرنا طريقتين للمساعدة. ( شاهد الفيديو )

      › كيف عمل روابط الارتباط الداخلي 


      6. طريقة حل المشكلة :

      1. نقوم بالدخول إلى لوحة التحكم في بلوجر.
      2. ثم نختار المدونة التي نريد تعديل المشاركات عليها.
      3.  ندخل إلى خانة المشاركات، ومنها نختار المشاركة التي نريد أن نعدل عليها.
      4. عندما تظهر لنا إعدادات المشاركة نقوم بالنقر على علامة القلم أعلى يمين الشاشة.
      5. نلاحظ ظهور خيارين: "عرض وضع الإنشاء" و "عرض HTML"، طبعاً سنقوم بالنقر على "عرض HTML".
      6. سوف يظهر لنا هذا الكود في المكان الذي قمنا بإضافة الصورة فيه: (هذا الكود بالنسبة لصور "PNG")


      6. كيفية تغيير الجودة

      • أو يمكنك إزالة S1600/ لتعيينه على الأصل حتى يكون ذلك
      • ستجد رابطها بالشكل التالي
      1. ابحث عن الكود أدناه :
      2. طبعا الرابط عندك مختلف لكن الخطأ  او المشكلة واحد في الكل هل ترى القيمة السخيفة  الملونة ياللون الاحمر في الرابط 
      3. هي سبب في ظهور تلك المشكلة .
      4. اما ان تحذفه هو والشرطة التي تليه أو استبدله بالرقم s1600

      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqLxZ9c9hSBdAdo0fYmNppfDsf_A94-XEMAhUN9LNSpLwyTS3sG6-qcvmR6lpUyP-2sbEkFld-_XYoud5eJUE-41Ery8qThfohvBiXyMOxXR3yYHVxO4vn8ml4__sd-uSOb5Djc4A/s195/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9%2B%25D8%25A5%25D8%25B5%25D9%2584%25D8%25A7%25D8%25AD%2B%25D9%2585%25D8%25B4%25D9%2583%25D9%2584%25D8%25A9%2B%25D8%25A7%25D9%2584%25D8%25B5%25D9%2588%25D8%25B1%25D8%25A9%2B%25D8%25A7%25D9%2584%25D9%2585%25D8%25B5%25D8%25BA%25D8%25B1%25D8%25A9%2B%25D8%25A7%25D9%2584%25D8%25B6%25D8%25A8%25D8%25A7%25D8%25A8%25D9%258A%25D8%25A9%2B%25D9%2581%25D9%258A%2B%25D9%2585%25D9%2588%25D9%2582%25D8%25B9%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1..jpg

       

      6. طبعا الأفضل الإستبدال بالرقم لانه النمط الأصلي فسيناسب كل القوالب هذا فقط مع الصورة الأولى لا يهم عمله مع الصورة الاخرى.


      لاحظ كيف أن قيمة الرابط s1600 ، لذلك عندما تنقر على الصورة تظهر أكبر وبجودة أفضل. 


      ستبدو الصورة التي يبلغ عرضها 320 بكسل جيدة مع s320. ستبدو الصورة التي يبلغ عرضها 800 بكسل فظيعة مع s320.


      من s195 الخيارات الرئيسية هي S320 و S640 و S1600 وهي أعلى جودة. يمكنك تغيير هذا الجزء من الكود ليكون S1600 لذلك هو كذلك
       
      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqLxZ9c9hSBdAdo0fYmNppfDsf_A94-XEMAhUN9LNSpLwyTS3sG6-qcvmR6lpUyP-2sbEkFld-_XYoud5eJUE-41Ery8qThfohvBiXyMOxXR3yYHVxO4vn8ml4__sd-uSOb5Djc4A/w640-h394/%25D9%2583%25D9%258A%25D9%2581%25D9%258A%25D8%25A9%2B%25D8%25A5%25D8%25B5%25D9%2584%25D8%25A7%25D8%25AD%2B%25D9%2585%25D8%25B4%25D9%2583%25D9%2584%25D8%25A9%2B%25D8%25A7%25D9%2584%25D8%25B5%25D9%2588%25D8%25B1%25D8%25A9%2B%25D8%25A7%25D9%2584%25D9%2585%25D8%25B5%25D8%25BA%25D8%25B1%25D8%25A9%2B%25D8%25A7%25D9%2584%25D8%25B6%25D8%25A8%25D8%25A7%25D8%25A8%25D9%258A%25D8%25A9%2B%25D9%2581%25D9%258A%2B%25D9%2585%25D9%2588%25D9%2582%25D8%25B9%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1..jpg

       


      . كيفية تغيير الجودة

      الخيارات الرئيسية هي s320 و s640 و s1600 وهي أعلى جودة. يمكنك تغيير هذا الجزء من الكود ليكون s1600 حتى يكون


      . ملحوظة : اضافية قد تجد بدل حرف الـ d رمز كهذا وتكون الارقام مختلفة أحيانا فيه w640-h360

      طبق عليه تفس الشئ استبدله بـ s1600


      • إليك الفرق بين هاتين المنشورتين:
      • 1) 2018

      img-thumbnail size is set to /s1600/

      a-link size is set to /s1600/

       

      هذا يعني أن الجانب الأطول يبلغ حده الأقصى 1600 بكسل لكلٍ من المعاينة والهدف

      • 2) 2020
      img-thumbnail = /w640-h452/

      a-link = /s2806/ 


      هنا يكون عرض المعاينة 640 بكسل فقط ، لذلك سيكون التمويه أكثر وضوحًا لأن كثافة البكسل أقل.

      › تغيير الحجم التلقائي للصور والفيديوهات لملاءمة منطقة المشاركة في Blogger


      7. تغيير حجم الصور الخاصة بك

      قم دائمًا بتغيير حجم صورك قبل تحميلها إلى Blogger واختر "الحجم الأصلي".


      أعلم أنه من المغري تحميلها جميعًا ثم تغيير حجمها باستخدام خيارات تغيير حجم المدونين أو استخدام رمز لتغيير الحجم يدويًا أو تلقائيًا 


      لكن برنامج تحرير الصور يقوم بعمل أفضل من المتصفحات عند تغيير حجم الصور.


      بالإضافة إلى ذلك ، فإن السماح لمتصفحك بتغيير حجمه سيؤدي إلى إبطاء وقت التحميل. 


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


      إذا لم تكن متأكدًا من المقياس ، فما عليك سوى إضافة قيمة عرض بدون الارتفاع. سيتم تعيين قيمة الارتفاع تلقائيًا. 


      سيضمن ذلك عدم تمدد صورك أو ضغطها لتلائم كلا القيدين اللذين قمت بتعيينهما ، لدي قائمة ضخمة من بدائل Photoshop هنا وهنا ستفعل ذلك من أجلك. 


      هناك الكثير من التطبيقات المتوفرة في متجر Apple لهذا أيضًا ، بما في ذلك ResizeIt وهو مجاني. 


      يمكنك تغيير حجم عدة صور دفعة واحدة في برامج معينة لجعل العملية أسرع.


      8. قم بإيقاف تشغيل Auto-Enhance

      تأكد من إيقاف تشغيل Google Auto-Enhance. 


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



      9. احفظ الملف بالتنسيق الصحيح

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


      بعد القيام بذلك ، لن تكون صورتك ضبابية. يجب اتباع هذه الخطوات لكل صورة تريد تحسين جودتها.


      نصيحة مهمة: إذا كنت تريد تغيير حجم الصورة يدويًا (إذا كانت أصغر في الحجم) ، فيمكنك تغيير سمة الطول والعرض في علامة HTML img الخاصة بك.


      10. لا تزال تواجه نفس المشكلة؟

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


      تحتوي بعض القوالب على كود JavaScript بداخلها يمكنه تعيين الجودة الافتراضية لجميع صور المنشورات بقوة.


      إذا كنت تعرف ترميز قالب Blogger ، فيمكنك العثور على هذا الرمز بنفسك ، وإذا لم يكن كذلك ، فاتصل بمطور النموذج. 



      إذا لم ينجح شيء ، يمكنك محاولة تغيير قالب Blogger الخاص بك. تأكد من عمل نسخة احتياطية من قالب Blogger الخاص بك قبل القيام بذلك.


      - سؤال آخر

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


      - خلاصة 

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

      إذا كنت تعرف أي حل آخر أفضل ، فيرجى مشاركته معنا في قسم التعليقات أدناه.

      › أفضل اكواد الميتا تاج Meta Tag Blogger لنشر السليم في مواقع تواصل الاجتماعي بدون حظر

      للمزيد من التوضيح كما عودناكم على مدونة شروحات للمعلوميات دائما مرفوقة بالدرس فرجة ممتعة


      أضف تعليق

      Comments