Hướng dẫn cách Thay đổi hình ảnh logo Blogger mặc định trong phần bình luận

Thay đổi hình ảnh logo Blogger mặc định trong phần bình luận

Để thay thế hình ảnh logo Blogger mặc định ( https://blogger.com/img/blogger_logo_round_35.png) trong phần bình luận bằng hình ảnh tùy chỉnh bằng JavaScript, hãy làm theo các bước sau:

Hướng dẫn từng bước

1. Đăng nhập vào Blogger:

   Vào Blogger và đăng nhập bằng tài khoản Google của bạn.

2. Truy cập blog của bạn:

   Từ bảng điều khiển Blogger, chọn blog bạn muốn chỉnh sửa.

3. Điều hướng đến Chủ đề:

   Ở thanh bên trái, nhấp vào "Chủ đề" .

4. Chỉnh sửa HTML:

   Nhấp vào "Chỉnh sửa HTML" . Thao tác này sẽ mở trình chỉnh sửa HTML cho mẫu blog của bạn.

5. Thêm mã JavaScript:

   Cuộn xuống </body>thẻ đóng và chèn mã JavaScript sau ngay phía trên thẻ đó.

Mã 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>
  

Hướng dẫn tùy chỉnh Script

Thay thế URL hình ảnh mới: Đổi https://i.ibb.co/1s8CmYm/default-avatar.pngthành URL của hình ảnh mới.

Ví dụ

Nếu URL hình ảnh mới của bạn là https://i.ibb.co/1s8CmYm/default-avatar.png, thì mã sẽ là:

<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>
  

Lưu và Xem trước

• Lưu mẫu của bạn: Nhấp vào "Lưu chủ đề" để áp dụng các thay đổi.
• Xem trước blog của bạn: Truy cập blog của bạn và kiểm tra phần bình luận để đảm bảo rằng hình ảnh logo Blogger mặc định đã được thay thế bằng hình ảnh tùy chỉnh của bạn.

Bằng cách làm theo các bước này và tùy chỉnh mã JavaScript được cung cấp, bạn có thể thay thế thành công hình ảnh logo Blogger mặc định trong phần bình luận của blog.