تغيير صورة شعار بلوجر الافتراضية في التعليقات

  • You Can Use Demo as Registered User :
    user:demo pass:dohdemo


تغيير صورة شعار بلوجر الافتراضية في التعليقات


 

تغيير صورة شعار Blogger الافتراضية في التعليقات

لاستبدال صورة شعار Blogger الافتراضية (https://blogger.com/img/blogger_logo_round_35.png) في قسم التعليقات بصورة مخصصة باستخدام JavaScript، 


اتبع الخطوات التالية:

  1. تسجيل الدخول إلى مدونة بلوجر: انتقل إلى Blogger وقم بتسجيل الدخول باستخدام حساب Google الخاص بك.

  1. الوصول إلى مدونتك: من لوحة تحكم Blogger، حدد المدونة التي تريد تحريرها.

  1. انتقل إلى الموضوع: في الشريط الجانبي الأيسر، انقر على "الموضوع".

  1. تحرير HTML: انقر على "تحرير HTML". سيؤدي هذا إلى فتح محرر HTML لقالب مدونتك.

  1. إضافة كود جافا سكريبت: قم بالتمرير لأسفل إلى علامة الإغلاق  وأدخل كود JavaScript التالي فوقها مباشرةً.

كود جافا سكريبت

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
  // Select all comment avatars
  var commentAvatars = document.querySelectorAll(".avatar-image-container img");

  // URL of the new image
  var newImageSrc = "https://i.ibb.co/1s8CmYm/default-avatar.png"; // Replace with your new image URL

  commentAvatars.forEach(function(avatar) {
    // Check if the current avatar is the default Blogger logo
    if (avatar.src === "https://blogger.com/img/blogger_logo_round_35.png") {
      avatar.src = newImageSrc;
    }
  });
});
</script>

تعليمات لتخصيص البرنامج النصي

استبدال عنوان URL للصورة الجديدة: قم بتغيير https://i.ibb.co/1s8CmYm/default-avatar.png إلى عنوان URL لصورتك الجديدة.

حفظ ومعاينة

  1. احفظ القالب الخاص بك: انقر على "حفظ السمة" لتطبيق التغييرات.
  2. معاينة مدونتك: قم بزيارة مدونتك وتحقق من قسم التعليقات للتأكد من استبدال صورة شعار Blogger الافتراضية بصورتك المخصصة.
باتباع هذه الخطوات وتخصيص كود JavaScript المقدم، يمكنك بنجاح استبدال صورة شعار Blogger الافتراضية في قسم التعليقات بمدونتك.
Next Post Previous Post