Chống Copy nội dung nhất định trong bài viết Blogspot

Chống Copy nội dung nhất định trong bài viết Blogspot
Thủ thuật này nó thể nói một các dễ hiểu hơn là “Chỉ cho phép độc giả Copy nội dung nhất định trong bài viết Blogspot” đây bài viết mình thấy tâm đắt nhất trong Seri thủ thuật “Chống Copy trên Blogspot” và đây cũng là bài viết cuối cùng của Mình trong Seri này.

Mình xin lấy ví dụ đơn giản để các bạn dễ hình dung chức năng của thủ thuật này. VD: Nếu bạn lập một Blog nói về thủ thuật chẳng hạn hơn Blog của Mình, bạn chỉ cho phép độc giả Copy đoạn Code (mà không Copy được đoạn text) thủ thuật này sẽ giúp bạn làm được đều đó. Với cách này bạn sẽ hạn chế được việc người dùng Copy bài viết, đồng thời không ảnh hưởng đến trải nghiệm người dùng trên Blog của bạn.

 Đọc thêm:



Bài viết này mình đưa ra 2 cách cho các bạn lựa chọn: Sử dụng CSS hoặc sử dụng Javascript (Còn mình thì khuyên các bạn nên cùng cách sử dụng CSS vì sử dụng Javascript cách này có một nhược điểm lớn nhất đó là nếu độc giả của bạn tắt scripts của trình duyệt hoặc sử dụng trình duyệt không đọc được scripts thì nó sẽ không hoạt động).

☼ Giờ bắt đầu thủ thuật cùng Windows2it.

Cách 1: Sử dụng CSS. Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </b:skin>. Sau đó dán đoạn mã Code sau ở phía trên thẻ </b:skin>.
<!--Disable Highlighting-->
<style type='text/css'>
.post{
-webkit-user-select: none; /* Webkit */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10 */
/* Currently not supported in Opera but will be soon */
-o-user-select: none;
user-select: none;
}
pre,code{
-webkit-user-select: text; /* Webkit */
-moz-user-select: text; /* Firefox */
-ms-user-select: text; /* IE 10 */
/* Currently not supported in Opera but will be soon */
-o-user-select: text;
user-select: text;
}
</style>
Cách 2: Sử dụng Javascript. Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </head>. Sau đó dán đoạn mã Code sau ở phía trên thẻ </head>.
<script type='text/javascript'>
 if (typeof document.onselectstart!=&quot;undefined&quot;) {
 document.onselectstart=new Function (&quot;return false&quot;);
}
 else{
 document.onmousedown=new Function (&quot;return false&quot;);
 document.onmouseup=new Function (&quot;return true&quot;);
}
</script>  
☼ Cách cho phép độc giả copy một đoạn duy nhất trong bài viết của bạn.

Đoạn code trên sẽ khiến toàn bộ bài viết của bạn bị vô hiệu hoá click chuột phải và quét khối, giờ muốn cho độc giả quét khối khu vực nào bạn chỉ cần sử dụng đoạn mã bên dưới trong HTML của bài viết.
<pre>
Phần được phép Copy
</pre>
Thủ thuật này đơn giản chỉ vậy thôi @! DEMO mình thực hiện trực tiếp ở bài viết này luôn (Các bạn chỉ Copy được đoạn Code mà không hề Copy được đoạn text).

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều JJJ


Quá trình cài đặt gặp vấn đề gì cứ để lại Comment !
Liên hệ đặt quảng cáo
Quảng cáo trên windows2it.com

About Quang Mến :

Tôi là Quang Mến. Tôi viết blog theo phong cách chuyên nghiệp. ^^! Dựa trên niềm đam mê học hỏi và mong muốn chia sẽ với mọi người @@!
Theo dõi tôi trên:
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

14 nhận xét:

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. Bạn ơi cho mình hỏi phần code bạn dùng gì để viết mà nó có một khung tách biệt thế ạ! thank you

    ReplyDelete
  3. Bạn ơi cho mình hỏi phần code bạn dùng gì để viết mà nó có một khung tách biệt thế ạ! thank you

    ReplyDelete
    Replies
    1. Mình hướng dẫn ở trên đó bạn ~~~ :)

      Delete
    2. không ý mình hỏi là ở các bài viết của bạn thường thì phần code nằm tách biệt trong 1 khung? mình muốn hỏi bạn tạo ra khung(có thể trượt ngang, dọc) bằng HTML/CSS hay là bằng cách khác thế

      Delete
    3. Ý bạn là khung chứa code ... Nếu vậy thì bạn vào trang này http://hilite.me/ patse code và copy ra là được thui >> giống như mình ở trên :)

      Delete
    4. ồ . càm ơn bạn rất nhiều nhé!!! <3 <3 <3 :)

      Delete
  4. sao một số bài viết khác thì mình coppy đc nhưng bài viết này thì k coppy dc nhỉ. nếu cài đoạn java scr như của bạn thì nó phải có hiệu lực hết tất cả các bài chứ?

    ReplyDelete
    Replies
    1. :-? Bạn copy được đoạn JS và CSS trên bài viết của mình ko ???? Đồng bạn có đọc kỹ bài mình chưa ???

      Delete
    2. + Ở bài này mình CHỈ cho các bạn copy được đoạn JS và CSS còn NỘI DUNG bài viết mình ko cho các bạn copy >> nên mới có câu Chông copy nội dung nhất định trong bài viết

      + Ngoài ra điều này bạn có thể làm ngược lại hoặc tùy biến cho phù hợp hơn ... có thể copy một phần nôi dung nào đó hoặc có thể cho copy toàn bộ nội dung nhưng ko cho copy đoạn code ... v...v.. >> đó là tùy ở bạn

      + Thiết nghĩ Bạn ko hiểu thủ thuật này để làm gì vả lại bạn ko đọc bài viết của mình :(

      Delete
    3. Chắc bạn không hiểu ý mình, mà thôi v :(

      Delete
  5. sao mình đã cho phần nội dung cần copy vào trong thẻ mà vẫn không copy được vậy

    ReplyDelete