Chống copy bài viết trên blogger bằng CSS

Chống copy bài viết trên blogger bằng CSS

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.

Hướng dẫn chống copy bài viết trên blogger bằng CSS
Hướng dẫn chống copy bài viết trên blogger bằng CSS

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 trên blogger bằng CSS.
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é.
Chúc các bạn thành công và có một ngày làm việc thật hiệu quả!

Copyright © www.giahuy.net

Tôi là Nhật Nguyễn, một kỹ sư xây dựng. Nhưng thích tìm hiểu về mã nguồn lập trình web ☏.