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”. 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 , 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.
Author: Windows2it

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).

☼ Bắt đầu thủ thuật 

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>

hoặc

<code>Phần được phép Copy </code>

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).