Cập nhật 2026: Giao diện mới và hướng đi mới ! Xem chi tiết →

Chống Copy nội dung nhất định trong bài viết Blogspot

Hoàng Nhân Khôi Thứ Ba, 17 tháng 11, 2015
Chống Copy nội dung nhất định trong bài viết Blogspot
Thủ thuật này nó thể nói một các dễ hiểu hơn là “Chỉ cho phép độc giả Copy nội dung nhất định trong bài viết Blogspot” đây bài viết mình thấy tâm đắt nhất trong Seri thủ thuật “Chống Copy trên Blogspot” và đây cũng là bài viết cuối cùng của Mình trong Seri này.

Mình xin lấy ví dụ đơn giản để các bạn dễ hình dung chức năng của thủ thuật này. VD: Nếu bạn lập một Blog nói về thủ thuật chẳng hạn hơn Blog của Mình, bạn chỉ cho phép độc giả Copy đoạn Code (mà không Copy được đoạn text) thủ thuật này sẽ giúp bạn làm được đều đó. Với cách này bạn sẽ hạn chế được việc người dùng Copy bài viết, đồng thời không ảnh hưởng đến trải nghiệm người dùng trên Blog của bạn.

 Đọc thêm:



Bài viết này mình đưa ra 2 cách cho các bạn lựa chọn: Sử dụng CSS hoặc sử dụng Javascript (Còn mình thì khuyên các bạn nên cùng cách sử dụng CSS vì sử dụng Javascript cách này có một nhược điểm lớn nhất đó là nếu độc giả của bạn tắt scripts của trình duyệt hoặc sử dụng trình duyệt không đọc được scripts thì nó sẽ không hoạt động).

☼ Giờ bắt đầu thủ thuật cùng Windows2it.

Cách 1: Sử dụng CSS. Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </b:skin>. Sau đó dán đoạn mã Code sau ở phía trên thẻ </b:skin>.
<!--Disable Highlighting-->
<style type='text/css'>
.post{
-webkit-user-select: none; /* Webkit */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10 */
/* Currently not supported in Opera but will be soon */
-o-user-select: none;
user-select: none;
}
pre,code{
-webkit-user-select: text; /* Webkit */
-moz-user-select: text; /* Firefox */
-ms-user-select: text; /* IE 10 */
/* Currently not supported in Opera but will be soon */
-o-user-select: text;
user-select: text;
}
</style>
Cách 2: Sử dụng Javascript. Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </head>. Sau đó dán đoạn mã Code sau ở phía trên thẻ </head>.
<script type='text/javascript'>
 if (typeof document.onselectstart!=&quot;undefined&quot;) {
 document.onselectstart=new Function (&quot;return false&quot;);
}
 else{
 document.onmousedown=new Function (&quot;return false&quot;);
 document.onmouseup=new Function (&quot;return true&quot;);
}
</script>  
☼ Cách cho phép độc giả copy một đoạn duy nhất trong bài viết của bạn.

Đoạn code trên sẽ khiến toàn bộ bài viết của bạn bị vô hiệu hoá click chuột phải và quét khối, giờ muốn cho độc giả quét khối khu vực nào bạn chỉ cần sử dụng đoạn mã bên dưới trong HTML của bài viết.
<pre>
Phần được phép Copy
</pre>
Thủ thuật này đơn giản chỉ vậy thôi @! DEMO mình thực hiện trực tiếp ở bài viết này luôn (Các bạn chỉ Copy được đoạn Code mà không hề Copy được đoạn text).

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều JJJ


Quá trình cài đặt gặp vấn đề gì cứ để lại Comment !

Bài Viết Liên Quan

Bình Luận (14)

Unknown
Unknown lúc 04:45 22 tháng 12, 2015
Nhận xét này đã bị quản trị viên blog xóa.
Mai Văn Phương
Mai Văn Phương lúc 18:32 11 tháng 6, 2016
Bạn ơi cho mình hỏi phần code bạn dùng gì để viết mà nó có một khung tách biệt thế ạ! thank you
Mai Văn Phương
Mai Văn Phương lúc 18:33 11 tháng 6, 2016
Bạn ơi cho mình hỏi phần code bạn dùng gì để viết mà nó có một khung tách biệt thế ạ! thank you
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 19:25 11 tháng 6, 2016
Mình hướng dẫn ở trên đó bạn ~~~ :)
Mai Văn Phương
Mai Văn Phương lúc 22:28 11 tháng 6, 2016
không ý mình hỏi là ở các bài viết của bạn thường thì phần code nằm tách biệt trong 1 khung? mình muốn hỏi bạn tạo ra khung(có thể trượt ngang, dọc) bằng HTML/CSS hay là bằng cách khác thế
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 22:47 11 tháng 6, 2016
Ý bạn là khung chứa code ... Nếu vậy thì bạn vào trang này http://hilite.me/ patse code và copy ra là được thui >> giống như mình ở trên :)
Mai Văn Phương
Mai Văn Phương lúc 22:49 11 tháng 6, 2016
ồ . càm ơn bạn rất nhiều nhé!!! <3 <3 <3 :)
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 02:58 12 tháng 6, 2016
:)
TaiDenRoi
TaiDenRoi lúc 20:26 26 tháng 6, 2016
sao một số bài viết khác thì mình coppy đc nhưng bài viết này thì k coppy dc nhỉ. nếu cài đoạn java scr như của bạn thì nó phải có hiệu lực hết tất cả các bài chứ?
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 20:47 26 tháng 6, 2016
:-? Bạn copy được đoạn JS và CSS trên bài viết của mình ko ???? Đồng bạn có đọc kỹ bài mình chưa ???
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 20:58 26 tháng 6, 2016
+ Ở bài này mình CHỈ cho các bạn copy được đoạn JS và CSS còn NỘI DUNG bài viết mình ko cho các bạn copy >> nên mới có câu Chông copy nội dung nhất định trong bài viết

+ Ngoài ra điều này bạn có thể làm ngược lại hoặc tùy biến cho phù hợp hơn ... có thể copy một phần nôi dung nào đó hoặc có thể cho copy toàn bộ nội dung nhưng ko cho copy đoạn code ... v...v.. >> đó là tùy ở bạn

+ Thiết nghĩ Bạn ko hiểu thủ thuật này để làm gì vả lại bạn ko đọc bài viết của mình :(
TaiDenRoi
TaiDenRoi lúc 10:26 27 tháng 6, 2016
Chắc bạn không hiểu ý mình, mà thôi v :(
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 23:23 27 tháng 6, 2016
:( !
Unknown
Unknown lúc 04:11 18 tháng 12, 2017
sao mình đã cho phần nội dung cần copy vào trong thẻ mà vẫn không copy được vậy

Đăng nhận xét