Cách chống copy bài viết trên blog của bạn

Cách chống copy đơn giản nhưng khá hiệu quả đó là không cho người dùng quét chọn đoạn văn bản trong bài viết của bạn. Lưu ý là cách này không thể chống lại được các phương pháp sao chép của những người dùng có chuyên môn về các thủ thuật IT, nhưng với những người dùng hay dùng cách sao chép bài viết thông thường thì rất hữu hiệu. :D

Trong bài viết này Khánh Ngô Plus sẽ hướng dẫn cho bạn một thủ thuật dành cho blogspot , mà trong đó bạn sẽ được hướng dẫn sử dụng song song cả 2 phương pháp, đó là sử dụng ngôn ngữ CSS kết hợp với JavaScript. Với cách làm này bạn chỉ cần đưa đoạn code sau vào trước thẻ đóng </head> của mẫu HTML trang web của bạn là xong:

<style>
body{
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
</style>

<script type="text/JavaScript">
function killCopy(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=killCopy
document.onclick=reEnable
}
</script>

LƯU Ý: Đoạn code phải nằm trong cặp thẻ head (nghĩa là nằm ở sau thẻ mở <head> và ở trước thẻ đóng </head>

Và để hạn chế thêm cả thao tác chuột phải của người dùng (đây là thao tác hay dùng đề Save target.. ảnh và bài viết của bạn), và đây là đoạn code mà bạn cần:

Đoạn code này bạn đặt vào y như vị trí của code trên nhé :D tức là vẫn nằm trong thẻ head

<script type="text/JavaScript">
var message="NoRightClicking"; function defeatIE() {if (document.all) {(message);return false;}} function defeatNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=defeatNS;} else{document.onmouseup=defeatNS;document.oncontextmenu=defeatIE;} document.oncontextmenu=new Function("return false")
</script>

Và đây là DEMO của tut này, bạn sẽ thấy bạn không thể quét được nội dung, cũng như không thể chuột phải để lưu các ảnh động banner ở trang chủ của website trên.

Phần dưới đây mình sẽ giải thích ý nghĩa những dòng code trong bài, nếu bạn không phải là dân công nghệ thông tin thì không cần đọc cho đỡ nhức đầu, đưa các đoạn code trên vào trước thẻ </head> là bạn chống hành vi copy được rồi...

Đoạn CSS:

<style>
body{
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
</style>

Trên đây là đoạn CSS3 chống copy, -webkit, -moz, -ms, -o là để tương thích với các trình duyệt khác nhau, vì là CSS3 nên nếu trình duyệt nào chưa hỗ trợ đầy đủ thì nó không hoạt động, nghĩa là đối tượng vẫn copy được! Do vậy ta mới cần thêm JavaScript - cái này thì hoạt động tốt trên hầu hết trình duyệt. Tuy nhiên JavaScript lại có điểm yếu là đối tượng có thể chủ động tắt JavaScript của trình duyệt để copy... Và đó là lý do ta nên kết hợp cả hai, vì CSS thì đối tượng lại không thể tự tắt. Phối hợp cả 2 làm cho chúng bù lấp các điểm yếu của nhau.

P/S: Đoạn code JavaScript có tham khảo từ trang này http://www.boogiejack.com/

Đăng bởi Khánh Ngô Plus
Có tham khảo từ Blog Mạng Lưới Toàn Cầu

Không có nhận xét nào:

- Không chèn liên kết Spam quảng cáo. có thể xem ở đây Liên Kết Bạn Bè
- Nội dung nên liên quan tới bài viết.
- Hãy đóng góp ý kiến của bạn để Blogger Việt hoàn thiện hơn.

Mình sẽ thẳng tay đối với các bình luận có các nội dung sau:

~ Đi quá phạm vi chia sẻ của blog (dĩ nhiên vui thì được :)) )
~ Mang mục đích lợi dụng quảng cáo, chèn link
~ Không có tính xây dựng nội dung hoặc gây mất đoàn kết
~ Có ý định ve vãn tán tỉnh admin :v

Sự ủng hộ và góp ý của các bạn là động lực để blog ngày một phát triển.
Với tất cả sự tôn trọng, xin cảm ơn các bạn! XD