Code Tips: របៀបបិទមុខងារ Copy ក្នុង Blogger ការពារអត្ថបទបាន ១០០%

"រៀនរបៀបការពារអត្ថបទក្នុង Blogger កុំឱ្យគេលួច Copy ដោយប្រើកូដ CSS ងាយៗ។ ការពារសិទ្ធិអ្នកនិពន្ធ និងខ្លឹមសារប្លុករបស់បងប្អូនឱ្យមានសុវត្ថិភាពបំផុត។"
Code Tips: របៀបការពារអត្ថបទក្នុង Blogger កុំឱ្យគេលួច Copy (Disable Copy)

របៀបការពារអត្ថបទក្នុង 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

ដើម្បីឱ្យកូដនេះដំណើរការ សូមអនុវត្តតាមជំហានខាងក្រោម៖

  1. ចូលទៅកាន់ Blogger Dashboard របស់បងប្អូន។
  2. ជ្រើសរើសយកម៉ឺនុយ Theme (រចនាប័ទ្ម) រួចចុចលើសញ្ញាព្រួញតូចក្បែរពាក្យ Customize ហើយយក Edit HTML
  3. ស្វែងរកពាក្យ </style>>!--</b:skin>
  4. ចម្លងកូដខាងលើ រួចផាស (Paste) ពីលើពាក្យដែលបងប្អូនបានរកឃើញនោះ។
  5. ចុចប៊ូតុង Save (រក្សាទុក) ជាការស្រេច។
សម្គាល់៖ ការដាក់កូដនេះអាចការពារបានត្រឹមតែអ្នកអានធម្មតាប៉ុណ្ណោះ ចំពោះអ្នកដែលមានជំនាញបច្ចេកទេសខ្ពស់ គេនៅតែអាចរកវិធី Copy បានតាមរយៈ View Source។ ប៉ុន្តែវាគ្រប់គ្រាន់សម្រាប់ការពារអត្ថបទពីការ Copy ទូទៅបានយ៉ាងមានប្រសិទ្ធភាព។

សង្ឃឹមថាបច្ចេកទេសនេះនឹងជួយដល់បងប្អូនក្នុងការរក្សាសិទ្ធិអត្ថបទ! សូមអរគុណ។

Post a Comment

[label-section label="Promotion" items="5" type="slider" title="អត្ថបទថ្មីៗ" link="https://bongsokla.blogspot.com/search/label/Business Inside "]