تغيير صورة شعار بلوجر الافتراضية في التعليقات
تغيير صورة شعار Blogger الافتراضية في التعليقات
لاستبدال صورة شعار Blogger الافتراضية (https://blogger.com/img/blogger_logo_round_35.png) في قسم التعليقات بصورة مخصصة باستخدام JavaScript،
اتبع الخطوات التالية:
- تسجيل الدخول إلى مدونة بلوجر: انتقل إلى Blogger وقم بتسجيل الدخول باستخدام حساب Google الخاص بك.
- الوصول إلى مدونتك: من لوحة تحكم Blogger، حدد المدونة التي تريد تحريرها.
- انتقل إلى الموضوع: في الشريط الجانبي الأيسر، انقر على "الموضوع".
- تحرير HTML: انقر على "تحرير HTML". سيؤدي هذا إلى فتح محرر HTML لقالب مدونتك.
- إضافة كود جافا سكريبت: قم بالتمرير لأسفل إلى علامة الإغلاق وأدخل كود 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 لصورتك الجديدة.
حفظ ومعاينة
- احفظ القالب الخاص بك: انقر على "حفظ السمة" لتطبيق التغييرات.
- معاينة مدونتك: قم بزيارة مدونتك وتحقق من قسم التعليقات للتأكد من استبدال صورة شعار Blogger الافتراضية بصورتك المخصصة.
باتباع هذه الخطوات وتخصيص كود JavaScript المقدم، يمكنك بنجاح استبدال صورة شعار Blogger الافتراضية في قسم التعليقات بمدونتك.