Chống bôi đen văn bản bằng css cho Blogspot

Khi áp dụng code này tính năng bôi đen hay lựa chọn văn bản sẽ bị vô hiệu hóa kể cả trên máy tính và điện thoại.

Cách thực hiện

Vào Mẫu >> Chỉnh sửa HTML và dán đoạn CSS trước ]]></b:skin>

CSS
.post-body{
-moz-user-select: none; /* Trên Firefox */
-ms-user-select: none; /* Trên Internet Explorer */
-khtml-user-select: none; /* Trên KHTML browsers (e.g. Konqueror) */
-webkit-user-select: none; /* Trên Chrome, Safari, and Opera */
-webkit-touch-callout: none; /* Trên Android and iOS callouts (Điện thoại - máy tính bảng)*/
}

Để người dùng có thể copy code hoặc nội dung nào được chỉ định cho phép copy.

CSS
pre,code,blockquote,input,textarea{
-webkit-user-select:text;
-khtml-user-select:text;
-moz-user-select:text;
-ms-user-select: text;
-webkit-touch-callout: text;
}

Tôi lấy một đoạn văn bản được phép bôi đen và copy trong các thẻ...

1. <pre> Người dùng có thể copy </pre>
2. <code> Người dùng có thể copy </code>
3. <blockquote> Người dùng có thể copy </blockquote>
4. <input> Người dùng có thể copy </input>
5. <textarea> Người dùng có thể copy </textarea>

— Lời kết: Tôi chỉ sưu tầm, chia sẻ thủ thuật chống copy cho Blogger / Blogspot và tôi cũng không khuyến khích vì bạn chống kiểu gì đi chăng nữa cũng không ngăn được người dùng internet.