Chống copy bài viết bằng css trên Blogger

Hôm nay mình sẽ chia sẻ cho các bạn một bài hướng dẫn về cách chống Copy bài viết trên blogger bằng CSS.

Phương pháp này rất rất hữu ích cho các blogger mới làm quen.

Chống copy bài viết bằng css trên Blogger

Việc bị copy sẽ khiến bài viết của bạn bị tụt hạng trong các công cụ tìm kiếm, ví dụ lúc đầu có thể bạn sẽ được xếp hạng 1 nhưng nếu có nhiều người ăn cắp bài viết của bạn thì rất có thể bạn sẽ bị tụt hạng sấp lặt luôn và ảnh hưởng đến rất nhiều đến khách truy cập bị giảm.

Cách chống copy bài viết trên blogger bằng CSS

Bước 1: Trước hết Đăng nhập vào Trang tổng quan Blogger.

Bước 2: Trên bảng điều khiển Blogger, nhấp vào Chủ đề.

Bước 3: Nhấp vào biểu tượng mũi tên xuống bên cạnh nút 'TÙY CHỈNH'.

Bước 4: Nhấp vào Chỉnh sửa HTML, bạn sẽ được chuyển đến trang chỉnh sửa.

Bước 5: Bây giờ tìm kiếm mã ]]></b:skin> và dán các mã CSS sau ngay trên vào nó.

/* Block Copy Giahuy.Net */
.Blog .post {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;-moz-user-select:none}
/*Cho phep copy the nay*/
.Blog .post pre,code,h1,.pRef {-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-ms-user-select:text;-moz-user-select:text}

Chú ý!
- Trong dòng đầu tiên CSS dùng để tắt không thể sao chép.
- Ở dòng thứ hai để loại trừ một số thẻ và id nhất định để chúng có thể được sao chép.
- Nếu bạn muốn tắt tất cả các lựa chọn mà không có ngoại lệ, vui lòng xóa CSS trên dòng thứ hai.

Bước 6: Lưu các thay đổi bằng cách nhấp vào biểu tượng này .

Trên đây là hướng dẫn chống copy bài viết bằng css trên Blogger.
Nếu có bất cứ thắc mắc nào hãy comment ngay phía dưới cho mình biết nhé!

Copyright © www.giahuy.net