Script chống copy quên nguồn 🌞

Chào mọi người.

Bài viết này mình sẽ giới thiệu cho mọi người một đoạn code bên anhtrainang.com đã chia sẽ và mình copy lại để chia sẽ cho mọi người được biết về điều này.

🔒 Lợi ích khi dùng code chống copy tự gắn link

1. ✅ Bảo vệ nội dung gốc: Người khác copy mà không ghi nguồn, hệ thống sẽ tự chèn giúp.
2. ✅ Tăng backlink SEO tự nhiên: Vì link bài gốc sẽ đi theo nội dung.
3. ✅ Tạo điểm chuyên nghiệp cho blog.
4. ✅ Có hiệu ứng popup bay nhẹ, vừa thân thiện, vừa vui mắt.

👉 Demo: Các bạn cứ copy thử 1 đoạn trong bài viết này xong rồi dán đâu đó là sẽ biết à!

💻 Code chống copy có popup cho Blogspot

Chỉ cần dán đoạn code dưới đây trước thẻ </body> trong phần HTML của theme Blogger, hoặc thêm widget HTML/JavaScript trong phần Bố cục (Layout) là xong:

Full Code.

<!-- Script chống copy quên nguồn by Anh Trai Nắng Blogger 🌞 -->
<script>//<![CDATA[
(function () {
  const MIN_CHARS = 30;
  const SEPARATOR_TEXT = "\n\n🌻🌻🌻\n";
  const SEPARATOR_HTML = "<br><br>🌻🌻🌻<br>";

  // ==== tạo hiệu ứng popup ====
  function showCopyPopup() {
    const popup = document.createElement("div");
    popup.textContent = "Đã sao chép, nhớ ghi nguồn nha! 🌞";
    Object.assign(popup.style, {
      position: "fixed",
      bottom: "30px",
      right: "30px",
      background: "#ffcf6d",
      color: "#333",
      padding: "10px 18px",
      borderRadius: "16px",
      fontWeight: "600",
      fontFamily: "inherit",
      boxShadow: "0 4px 10px rgba(0,0,0,0.2)",
      opacity: "0",
      transform: "translateY(20px)",
      zIndex: 9999,
      transition: "all 0.6s ease",
    });
    document.body.appendChild(popup);

    // hiệu ứng bay lên & hiện dần
    requestAnimationFrame(() => {
      popup.style.opacity = "1";
      popup.style.transform = "translateY(0)";
    });

    // biến mất sau 2s
    setTimeout(() => {
      popup.style.opacity = "0";
      popup.style.transform = "translateY(20px)";
    }, 2000);

    // xóa sau 2.6s
    setTimeout(() => popup.remove(), 2600);
  }

  function escapeHtml(str) {
    return String(str)
      .replace(/&/g, "&amp;")
      .replace(/</g, "&lt;")
      .replace(/>/g, "&gt;")
      .replace(/"/g, "&quot;")
      .replace(/'/g, "&#039;");
  }

  function getCanonicalUrl() {
    const c = document.querySelector('link[rel="canonical"]');
    return (c ? c.href : location.href).split("#")[0];
  }

  document.addEventListener("copy", function (e) {
    const sel = window.getSelection && window.getSelection();
    if (!sel || sel.isCollapsed) return;

    const selectedText = sel.toString();
    if ((selectedText || "").trim().length < MIN_CHARS) return;

    const url = getCanonicalUrl();
    const blogName = "Anh Trai Nắng Blogger";
    const notice = "Sao chép nhớ ghi nguồn giúp Anh Trai Nắng nha 🌞";

    const textAppend =
      `${SEPARATOR_TEXT}${notice}\nNguồn: ${blogName}\nLink bài gốc: ${url}`;
    const htmlAppend =
      `${SEPARATOR_HTML}<em>${notice}</em><br><strong>Nguồn:</strong> ${escapeHtml(blogName)}<br><a href="${url}">${url}</a>`;

    const textToCopy = selectedText + textAppend;
    const htmlToCopy = escapeHtml(selectedText).replace(/\n/g, "<br>") + htmlAppend;

    if (e.clipboardData) {
      e.preventDefault();
      e.clipboardData.setData("text/plain", textToCopy);
      e.clipboardData.setData("text/html", htmlToCopy);
    } else if (window.clipboardData) {
      e.preventDefault();
      window.clipboardData.setData("Text", textToCopy);
    }

    // Hiển thị popup hiệu ứng bay
    showCopyPopup();
  });
})();
//]]></script>

⚙️ Cách sử dụng

Vào Blogger → Chủ đề (Theme) → Chỉnh sửa HTML
→ Dán code trước thẻ </body> rồi Lưu lại ✅
(hoặc thêm trong Bố cục → HTML/JavaScript Gadget cũng được)

Truy cập blog của bạn → chọn 1 đoạn nội dung → Ctrl + C để thử.

Popup “Đã sao chép, nhớ ghi nguồn nha! 🌞” sẽ hiện ra, và khi dán nội dung ra chỗ khác, sẽ tự động có dòng ghi nguồn + link bài viết!

🌟 Mẹo thêm

Muốn đổi màu popup → sửa dòng background: "#ffcf6d"

Muốn popup lâu hơn → tăng thời gian trong setTimeout(..., 2000)

Muốn đổi ký hiệu 🌻 → thay trong SEPARATOR_TEXT và SEPARATOR_HTML

🧡 Lời kết

Hy vọng đoạn code chống copy tự chèn link nguồn này sẽ giúp anh em Blogger:

Giữ được bản quyền nội dung,

Tăng backlink tự nhiên cho SEO,

Và làm blog của mình trở nên chuyên nghiệp hơn 🌞

Nếu bạn thấy hữu ích, hãy chia sẻ lại để ủng hộ Anh Trai Nắng Blogger nhé!

Chúc bạn viết blog vui vẻ và luôn lan tỏa năng lượng tích cực! 🌻

Demo khi mọi người copy bài viết sẽ hiển thị đoạn text sau.

🌻🌻🌻
Sao chép nhớ ghi nguồn giúp Anh Trai Nắng nha 🌞
Nguồn: Anh Trai Nắng Blogger
Link bài gốc: https://www.anhtrainang.com/2025/10/script-chong-copy-quen-nguon-by-anh-trai-nang-blogger.html

Mọi có thể test thử copy nội dung bài viết này và paste ra notepad để kiểm tra.

 
Chúc mọi người thành công.

Theo AnhTraiNang.Com