Ngăn chặn copy bài viết cho blogspot ~ Ngoc Anh

Vấn đề này chắc các bạn chuyên làm web cũng đã biết đến, nhưng thực sự đó là vấn lạn mà cộng đồng online đang gặp phải , mà chúng ta không ...

Bao-Mat+ Blogspot+ CSS

Vấn đề này chắc các bạn chuyên làm web cũng đã biết đến, nhưng thực sự đó là vấn lạn mà cộng đồng online đang gặp phải , mà chúng ta không thể nào ngăn chặn được nạn đó nó hoành hành như nạn đói năn 45 chẳng hạn , các bạn chỉ còn cách chống lại nó để bảo vệ mình chứ không còn cách nào khác.

Ngăn chặn copy bài viết cho blogspot

Demo Click here

Chính vì thế rất nhiều người tìm cách chống copy trên trang web của mình, và đây là hướng dẫn dành cho ae Blogger chúng ta, chỉ dùng CSS! để bảo vệ bài viết của mình.

Chống copy nội dung bài viết cho Blogspot .

Thường thì người ta sẽ dùng CSS hoặc Javascript để chống copy nội dung, nhưng mình sẽ chỉ dùng CSS để làm điều này, vì JavaScript rất nặng, sẽ làm thời gian tải trang của web tăng lên rất nhiều, gây khó chịu cho người xem!
B1. Vào Template (Mẫu), click vào Edit HTML (Chỉnh sửa HTML)
B2. Click vào vùng code, và bấm Ctrl+F để mở hộp tìm kiếm, tìm kiếm đến thẻ ]]</b:skin> và chèn đoạn code này lên phía trên nó:

body {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
-o-user-select: none;
user-select: none;
}

Với class body thì có nghĩa là sẽ chống copy trên toàn trang web chúng ta, không vị trí nào có thể tạo khối khi dùng chuột trái được. Nếu các bạn chỉ muốn chống copy ở phần bài viết, thì có thể đổi body thành .post nhé, hoặc cụ thể hơn nữa thì tùy các bạn!
B3. Giờ thì lưu template lại và kiểm tra nhé.
Tuy nhiên, nếu bạn là một trang chia sẻ thủ thuật, code như mình thì sao, khi đó thì chẳng ai copy được những đoạn code của bạn cả .Thường thì các đoạn code hoặc nội dung để người xem copy sẽ được đưa vào blockquote hoặc các table của Blogger để dễ nhìn, vì thế chúng ta vẫn sẽ chống copy trên phần bài viết, nhưng cho phép copy ở phần blockquote và table!

Cho phép copy ở Blockquote và Table.

Các bạn hãy thêm đoạn CSS này vào phía trên thẻ ]]</b:skin> nhé, nó chính là đoạn CSS cho phép copy:

.post blockquote,table{-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}

Note:

.post blockquote không phải ở bất kỳ template nào cũng giống nhau, có những template sẽ là .post blockquote, và cũng rất nhiều template khác nó là blockquote. Vì thế bạn cần thay đổi cho phù hợp với template của bạn nhé. Chúc các bạn thành công.
Xem thêm :Khóa View Source Ctrl + U cho blogspot
Nguần : iris-tips [ Edit by ngocanhblog ]