របៀបការពារអត្ថបទក្នុង Blogger កុំឱ្យគេលួច Copy (Disable Copy)
សួស្តីបងប្អូនអ្នករៀបចំប្លុក (Blogger) ទាំងអស់គ្នា! បញ្ហាដែលអ្នកសរសេរអត្ថបទតែងតែជួបប្រទះ គឺការត្រូវគេលួចចម្លង (Copy) ខ្លឹមសារយកទៅប្រើប្រាស់ដោយគ្មានការអនុញ្ញាត។ ដើម្បីដោះស្រាយបញ្ហានេះ ថ្ងៃនេះខ្ញុំសូមបង្ហាញពីតិចនិកងាយៗក្នុងការប្រើប្រាស់កូដ CSS ដើម្បីបិទមុខងារ Copy លើវេបសាយរបស់បងប្អូន។
១. តើកូដនេះមានអត្ថប្រយោជន៍អ្វីខ្លះ?
- ការពារខ្លឹមសារ៖ អ្នកអានមិនអាចប្រើ Mouse ដើម្បី Select អត្ថបទ ឬប្រើបញ្ជា Ctrl+C បានឡើយ។
- លើកលែងផ្នែកសំខាន់៖ កូដនេះនឹងអនុញ្ញាតឱ្យគេ Copy បានតែក្នុងប្រអប់កូដ (Pre/Code) ប៉ុណ្ណោះ ដែលវាល្អសម្រាប់ប្លុកបង្រៀន IT ឬចែករំលែកកូដ។
២. កូដសម្រាប់យកទៅប្រើប្រាស់
សូមបងប្អូនចម្លងកូដខាងក្រោមនេះ ដើម្បីយកទៅដាក់ក្នុងប្លុករបស់បងប្អូន៖
CSS Code
/* Disable Copy */
body {
user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
/* Enable copy on pre and code tags */
pre, code {
user-select: text;
-moz-user-select: text;
-ms-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-webkit-touch-callout: text;
}
៣. របៀបដាក់កូដក្នុង Blogger
ដើម្បីឱ្យកូដនេះដំណើរការ សូមអនុវត្តតាមជំហានខាងក្រោម៖
- ចូលទៅកាន់ Blogger Dashboard របស់បងប្អូន។
- ជ្រើសរើសយកម៉ឺនុយ Theme (រចនាប័ទ្ម) រួចចុចលើសញ្ញាព្រួញតូចក្បែរពាក្យ Customize ហើយយក Edit HTML។
-
ស្វែងរកពាក្យ
</style>ឬ>!--</b:skin>។ - ចម្លងកូដខាងលើ រួចផាស (Paste) ពីលើពាក្យដែលបងប្អូនបានរកឃើញនោះ។
- ចុចប៊ូតុង Save (រក្សាទុក) ជាការស្រេច។
សម្គាល់៖ ការដាក់កូដនេះអាចការពារបានត្រឹមតែអ្នកអានធម្មតាប៉ុណ្ណោះ ចំពោះអ្នកដែលមានជំនាញបច្ចេកទេសខ្ពស់ គេនៅតែអាចរកវិធី Copy បានតាមរយៈ View Source។ ប៉ុន្តែវាគ្រប់គ្រាន់សម្រាប់ការពារអត្ថបទពីការ Copy ទូទៅបានយ៉ាងមានប្រសិទ្ធភាព។
សង្ឃឹមថាបច្ចេកទេសនេះនឹងជួយដល់បងប្អូនក្នុងការរក្សាសិទ្ធិអត្ថបទ! សូមអរគុណ។