Lê Hùng ✅: [Blogger] Chia Sẽ Code Javascript Tạo Bản Quyền Hình Ảnh

Chào mọi người, bài viết này mình chia sẽ đến mọi người một đoạn code Javascript về việc gắn thêm text vào hình ảnh để khi hiển thị lên blog sẽ có bản quyền hình ảnh như hình bên dưới.

Với thủ thuật này khá đơn giản, mọi người chỉ cần để đoạn code sau vào trên thẻ </body> là được.

 <!-- ban quyen hinh anh hung.pro.vn --> 
    <script>
document.addEventListener("DOMContentLoaded", function () {
  const watermarkText = "Copyright By Hung.Pro.VN";
  const images = document.querySelectorAll(".post-body img");
 
  images.forEach(img => {
    if (img.parentElement.classList.contains("watermark-box")) return;
 
    const box = document.createElement("div");
    box.className = "watermark-box";
 
    const wm = document.createElement("span");
    wm.className = "watermark-text";
    wm.textContent = watermarkText;
 
    img.parentNode.insertBefore(box, img);
    box.appendChild(img);
    box.appendChild(wm);
  });
});
</script>

Như vậy đã hoàn thành, chúc mọi người thành công với thủ thuật trên.

Mọi người lưu ý thay đổi "Copyright By Hung.Pro.VN" trong đoạn code này theo ý muốn của mọi người nhé!

Demo thủ thuật có thể xem trực tiếp tại đây.