Blog iTeam OS

Cách tắt tính năng Copy Paste trên Blogger

Bằng cách sử dụng các phương pháp, bạn không thể bảo vệ nội dung của mình 100%, vì một số người dùng nâng cao có thể dễ dàng sao chép nội dung

Bạn có muốn bảo vệ nội dung trang web của mình không bị sao chép không?

Cách tắt tính năng Copy Paste trên Blogger

Ở đây trong bài viết này chúng ta sẽ tìm hiểu Cách bạn có thể Tắt tính năng Copy Paste trong Blogger, vậy hãy bắt đầu.

Trong phương pháp Đầu tiên của chúng ta sẽ sử dụng mã CSS thuần túy, vì vậy bạn không phải lo lắng về hiệu suất của blog của mình. Bạn cũng có thể loại trừ một số nội dung không bị sao chép như các đoạn mã, v.v.

Bằng cách sử dụng các phương pháp, bạn không thể bảo vệ nội dung của mình 100%, vì một số người dùng nâng cao có thể dễ dàng sao chép nội dung từ phần tử kiểm tra, tức là mã nguồn. Nhưng nó có thể bảo vệ nội dung của bạn khỏi những người dùng bình thường.


Làm cách nào để vô hiệu hóa tính năng Copy Paste trong Blogger?

Bây giờ chúng ta hãy thảo luận về một số phương pháp để triển khai nó trên trang web của bạn.

Bằng CSS

  1. Trước tiên, bạn cần truy cập trang tổng quan blogger của mình, tức là blogger.com .
  2. Sau khi truy cập Trang tổng quan Blogger của bạn, hãy điều hướng đến phần Chủ đề.
  3. Sau đó, bạn sẽ thấy một nút có tên " Chỉnh sửa HTML", chỉ cần nhấp vào nút đó và bạn sẽ được chuyển hướng đến một trang khác.
  4. Bây giờ bạn sẽ thấy rất nhiều mã, sau đó bạn phải nhấn Ctrl + Fvà sau đó bạn sẽ thấy một hộp được nhắc ở phần bên phải của trình duyệt ở đó, bạn phải nhập ]]></b:skin> nhấn nút Enter.
  5. Bạn chỉ cần sao chép mã được cung cấp bên dưới và dán lên trên thẻ ]]></b:skin>. Sau đó bấm vào nút Lưu.
body {
	-webkit-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

Bây giờ lựa chọn văn bản sẽ bị vô hiệu hóa hoàn toàn trên trang web của bạn. Bây giờ một câu hỏi được đặt ra là làm thế nào để loại trừ một số phần nhất định và cho phép người dùng sao chép nội dung.

Trước khi thêm mã này, hãy sao lưu tệp chủ đề của bạn để đảm bảo an toàn và dễ dàng khôi phục.

Bạn có thể dễ dàng loại trừ một số phần bằng cách sử dụng phần tử lớp. Chỉ cần nhấp chuột phải vào phần tử và nhấp vào kiểm tra để kiểm tra lớp CSS của phần tử mà bạn muốn loại trừ. 

Ở đây tôi loại trừ thẻ pre, để người dùng chỉ có thể sao chép văn bản từ phần tử này.

p {
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

Bây giờ trong phần được đánh dấu, bạn phải đặt tên lớp của mình hoặc tên phần tử và sau đó bạn phải dán mã vào phía trên thẻ ]]></b:skin> như chúng ta đã làm trong các bước trước.

Bằng Javascript

Bây giờ chúng ta hãy xem một phương pháp nữa để vô hiệu hóa Copy Paste trong blogger, nhưng lần này chúng ta sẽ không sử dụng CSS, chúng ta sẽ sử dụng Javascript.

Hãy bắt đầu thực hiện.

  1. Trước tiên, bạn cần truy cập Trang tổng quan Blogger của mình, tức là blogger.com .
  2. Sau khi truy cập Trang tổng quan Blogger của bạn, hãy điều hướng đến phần Chủ đề.
  3. Sau đó, bạn sẽ thấy một nút có tên " Chỉnh sửa HTML", chỉ cần nhấp vào nút đó và bạn sẽ được chuyển hướng đến một trang khác. 
  4. Một lần nữa quá trình tương tự, bạn sẽ thấy rất nhiều mã, sau đó bạn phải nhấn Ctrl + F, và sau đó bạn sẽ thấy một hộp được nhắc trong phần bên phải của trình duyệt mà bạn phải nhập ]]></b:skin> nhấn nút Enter.
  5. Bạn chỉ cần sao chép mã được cung cấp bên dưới và dán lên trên thẻ </body> . Sau đó bấm vào nút Lưu. 
<script>
	$(&#39;body&#39;).bind(&#39;copy cut drag drop&#39;, function (e) { e.preventDefault(); });
</script>

Lưu ý rằng người dùng Nâng cao có thể dễ dàng bỏ qua phương pháp thứ 2 này bằng cách tắt Javascript trong trình duyệt.

Tôi khuyên bạn nên dùng Phương pháp CSS vì nó dễ tùy chỉnh và không ảnh hưởng đến thời gian tải trang web của bạn.

Lời kết

Vừa rồi, iTeamOS đã Hướng dẫn Cách tắt tính năng Copy Paste trên Blogger. Nếu như có bất kì thắc mắc nào vui lòng comment bên dưới để được giải đáp nhé. Hy vọng bài viết này có ích với bạn, chúc bạn luôn thành công!

Nguồn tham khảo: Chun Productions