[ Tin nhắn mới · Thành viên · Nội quy diễn đàn · Tìm kiếm · RSS ]
  • Page 1 of 1
  • 1
Forum moderator: Admin, Administrators  
Code không cho coppy, paste nội dung trên trang
Yasuo
Data: Chủ nhật, 2015-08-23, 8:57 PM
Offline
Bài viết: 24
Code không cho coppy paste nội dung trên web ( chỉ cho phép coppy phần nội dung nhất định )

Xây dựng nội dung cho một blog hay trang web nhưng một số blogger không hiểu điều này và họ đang cố gắng sao chép những nội dung của các trang khác về trang của họ. Bài viết này sẽ hướng dẫn các bạn vô hiệu hoá không cho copy sao chép nội dung bài viết chỉ cho copy nội dung trong khung code của bạn, thủ thuật này rất hữu dụng với những trang chuyên về thủ thuật blog.


Tìm hiểu về lợi ích của thủ thuật này:
- Chống copy và quét khối nội dung bài viết của bạn.
- Chỉ cho phép độc giả copy nội dung nhất định trong bài viết của bạn ví dụ như một đoạn code, rất có lợi với những trang chuyên chia sẻ thủ thuật phải không nào.
- Có cả mã Javarscripts và css để các bạn lựa chọn.

Chống copy và quét khối nội dung nhất định trong bài viết trên trang
- Bài viết này sẽ đưa ra cho các bạn 2 đoạn code bạn có thể chọn cách nào bạn thích để áp dụng. mỗi cách có một ưu và nhược điểm khác nhau mình sẽ giới thiệu khi đi vào từng cách cụ thể.

Cách 1: dùng Javascripts.
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.
1. Đăng nhập và vào bố cục
2. Chọn mẫu (template) => chỉnh sửa HTML (Edit HTML)
3. Chèn đoạn code bên dưới vào sau thẻ (hoặc trước thẻ )

Code
<script type='text/javascript'>
   if (typeof document.onselectstart!="undefined") {
   document.onselectstart=new Function ("return false");
}
   else{
   document.onmousedown=new Function ("return false");
   document.onmouseup=new Function ("return true");
}
</script>


Cách 2: sử dụng mã CSS.
1. Đăng nhập và vào bố cục
2. Chọn mẫu (template) => chỉnh sửa HTML (Edit HTML)
3. Chèn đoạn code bên dưới vào trước thẻ ]]>

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


Lưu mẫu của bạn lại là xong và kiểm tra kết quả nha.
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.

Code
<pre>Đoạn code được phép copy</pre>

Chúc bạn thành công...!
File đính kèm: (Bạn chỉ download được 1 file cùng lúc, vui lòng download từng file)
0471317.png (35.5 Kb)
 
  • Page 1 of 1
  • 1
Search:


☠ Home | ✯ Diễn đàn | ✡ Download | ☣ Nấu ăn | ☢ Video | ☪ Truyện cười | ♘ Mẹo vặt | ✉ Hỗ trợ | ✉ Tin nhắn | Đăng ký | Đăng nhập

BOX ADMIN