Xây dựng nội dung cho một blog hay trang web Nhưng một số blogger không hiểu điều này và họ đang cố gắng sao chép những nội dung của các trang khác về trang của họ. Bài viết này mình sẽ hướng dẫn các bạn vô hiệu hoá không cho copy sao chép nội dung bài viết chỉ cho copy nội dung trong khung code của bạn, thủ thuật này rất hữu dụng với những trang chuyên về thủ thuật blog.
Chống copy khu vực nhất định trong bài viết blogspot


» Tìm hiểu về lợi ích của thủ thuật này.

- Chống copy và quét khối nội dung bài viết của bạn.
- Chỉ cho phép độc giả copy nội dung nhất định trong bài viết của bạn ví dụ như một đoạn code, rất có lợi với những trang chuyên chia sẻ thủ thuật phải không nào.
- Có cả mã Javarscripts và css để các bạn lựa chọn.

» Chống copy và quét khối nội dung nhất định trong bài viết blogspot

Bài viết này mình sẽ đưa ra cho các bạn 2 đoạn code bạn có thể chọn cách nào bạn thích để áp dụng. mỗi cách có một ưu và nhược điểm khác nhau mình sẽ giới thiệu khi đi vào từng cách cụ thể.

Cách 1: dùng Javascripts.
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.

1. Đăng nhập và vào bố cục
2. Chọn mẫu (template) => chỉnh sửa HTML (Edit HTML)
3. Chèn đoạn code bên dưới vào sau thẻ <head> (hoặc trước 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 2 sử dụng mã CSS
1. Đăng nhập và vào bố cục
2. Chọn mẫu (template) => chỉnh sửa HTML (Edit HTML)
3. Chèn đoạn code bên dưới vào trước 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>
4. Lưu mẫu của bạn lại là xong và kiểm tra kết quả nha.

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>
Đoạn code được phép copy
</pre>
hoặc đoạn code sau:
<pre>
Đoạn code được phép copy
</pre>

-Note: bạn có thể trang trí cho khung code của bạn cho đẹp hơn như bài viết này: Tổng hợp khung chứa Code đẹp cho Blogspot