Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Cách chống copy nội dung bài viết bằng CSS cho Blogspot

Chủ đề thuộc danh mục 'Hướng dẫn/Thủ thuật Blogspot tại đây' được đăng bởi Trần Bá Đạt, 31/8/15.

Lượt xem: 2,838

  1. Trần Bá Đạt Thành viên cấp 2

    Copy nội dung bài viết là một trong những vấn đề nhức nhối nhất với tất cả các anh em làm web hiện nay, trong đó các Blogger cũng không ngoại lệ, các bài viết dễ dàng bị copy nội dung, người copy không phải chỉ copy ý tưởng mà copy cả nguyên văn bài viết để mang về làm của họ. 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!

    [​IMG]

    Làm thế nào để 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!

    1. Đầu tiên truy cập vào trang quản trị của Blogger tại: https://www.blogger.com

    2. Vào Template (Mẫu), click vào Edit HTML (Chỉnh sửa HTML)

    [​IMG]

    3. 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ó:

    Code:
    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!

    4. Giờ thì lưu template lại và tận hưởng thành quả đi nào ^_^

    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ả :)) Gây ức chế cho người xem, một đi không trở lại luôn nhé @@

    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!

    Làm thế nào để 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:
    Code:
    .post blockquote,table{-webkit-user-select: text;
    
    -moz-user-select: text;
    
    -ms-user-select: text;
    
    user-select: text;
    
    }
    Chú ý: .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é :)


    Phạm Hữu Dư thích bài viết này
  2. autoquit

    autoquit Mới đăng kí

    bài viết rất hay, ngay bây giờ em sẽ copy bài viết này :*
  3. Trần Bá Đạt

    Trần Bá Đạt Thành viên cấp 2

    autoquit vãi bác :)) Thật ra thì e chỉ hướng dẫn thôi chứ không cái blog nào của e chống copy hết. Vì thật sự mấy bác muốn copy thì sẽ tìm nhiều cách để làm điều đó thôi :))
  4. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Đã muốn copy thì kiểu gì cũng sẽ copy đc thôi :D
    Trần Bá Đạt thích bài viết này

Ủng hộ diễn đàn