حماية النسخ الكامل لمدونة بلوجر مع رسالة منبثقة احترافية

{getButton} $text={معاينة} $icon={preview} $color={#f57c00}

مقدمة

لحماية محتوى مدونة بلوجر بالكامل من النسخ غير المرغوب فيه، نقدم لك اليوم كوداً متكاملاً يمنع النقر بزر الفأرة الأيمن، اختصارات النسخ (Ctrl+C)، السحب، وتحديد النصوص، مع إظهار نافذة منبثقة جذابة واحترافية عند كل محاولة. الكود مليء بالتعليقات العربية ليسهل عليك تخصيص الألوان والنصوص وحتى مدة ظهور الرسالة.

---

مميزات الكود

• يمنع النقر بزر الفأرة الأيمن.
• يمنع اختصارات النسخ والقص (Ctrl+C، Ctrl+X، Ctrl+U).
• يمنع أدوات المطور (F12 و Ctrl+Shift+I ...).
• يمنع سحب وإفلات العناصر وتحديد النصوص.
• يُظهر رسالة منبثقة احترافية قابلة للإغلاق أو الإخفاء التلقائي.
• تعليقات عربية واضحة لتعديل الألوان، الخطوط، والنصوص بسهولة.
• يُطبق على جميع صفحات المدونة دفعة واحدة.

---

طريقة التركيب للمدونة كاملة

1. من لوحة تحكم بلوجر، اذهب إلى المظهر ← تحرير HTML.
2. اضغط داخل الكود ثم استخدم Ctrl+F للبحث عن </body>.
3. قبل السطر الذي يحتوي على </body> مباشرةً، الصق كود الحماية الذي ستجده في الأسفل.
4. اضغط حفظ (أيقونة القرص).
5. تأكد من عمل الحماية بفتح مدونتك في نافذة متخفية.

---

كود الحماية الكامل (مع تعليقات عربية)

انسخ الكود التالي وضعه قبل </body> كما شرحنا:

<!-- ==================== بداية كود حماية النسخ ==================== -->
<!--
  هذا الكود يمنع:
  - النقر بزر الفأرة الأيمن
  - اختصارات النسخ والقص (Ctrl+C, Ctrl+X, Ctrl+U... إلخ)
  - السحب والإفلات
  - تحديد النص (عبر CSS و JavaScript)
  ويظهر رسالة احترافية قابلة للتخصيص عند أي محاولة نسخ.
-->

<style>
  /* --- تنسيق الرسالة التي ستظهر للمستخدم --- */
  .copy-alert-overlay {
    position: fixed;                 /* ثابتة في الشاشة */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);    /* خلفية شفافة داكنة - يمكنك تغيير اللون والشفافية */
    backdrop-filter: blur(5px);      /* تأثير ضبابي خفيف للخلفية */
    display: flex;                   /* توسيط العنصر الداخلي */
    align-items: center;             /* توسيط عمودي */
    justify-content: center;         /* توسيط أفقي */
    z-index: 99999;                  /* أعلى من كل العناصر */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  /* عند إضافة كلاس show تظهر الرسالة */
  .copy-alert-overlay.show {
    opacity: 1;
    visibility: visible;
  }

  .copy-alert-box {
    background: #ffffff;            /* لون خلفية صندوق الرسالة - أبيض */
    border-radius: 16px;            /* استدارة الزوايا */
    padding: 30px 25px;
    max-width: 400px;
    width: 90%;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3); /* ظل جميل */
    transform: scale(0.9);
    transition: transform 0.3s ease;
  }

  .copy-alert-overlay.show .copy-alert-box {
    transform: scale(1);            /* تأثير تكبير عند الظهور */
  }

  /* أيقونة التحذير - استخدمت رمز تعبيري، يمكنك استبداله بأيقونة SVG أو صورة */
  .copy-alert-icon {
    font-size: 50px;               /* حجم الأيقونة */
    margin-bottom: 15px;
    display: block;
  }

  .copy-alert-title {
    font-size: 20px;               /* حجم عنوان الرسالة */
    font-weight: bold;
    color: #e63946;               /* لون العنوان - أحمر جذاب */
    margin-bottom: 12px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

  .copy-alert-message {
    font-size: 16px;               /* حجم نص الرسالة */
    color: #333333;               /* لون النص الأساسي */
    margin-bottom: 20px;
    line-height: 1.6;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

  .copy-alert-btn {
    background: #e63946;           /* لون زر الإغلاق */
    color: white;
    border: none;
    padding: 10px 30px;
    border-radius: 30px;           /* زر دائري الأطراف */
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

  .copy-alert-btn:hover {
    background: #c1121f;           /* لون الزر عند التمرير */
  }

  /* منع تحديد النصوص عبر CSS */
  body {
    -webkit-user-select: none;    /* سفاري وكروم القديم */
    -moz-user-select: none;       /* فايرفوكس */
    -ms-user-select: none;        /* إنترنت إكسبلورر */
    user-select: none;            /* الحديثة */
  }
</style>

<!-- هيكل رسالة التنبيه (مخفية افتراضياً) -->
<div class="copy-alert-overlay" id="copyAlertOverlay">
  <div class="copy-alert-box">
    <!-- ========== الأيقونة: يمكنك تغيير الرمز التعبيري أو إضافة صورة ========== -->
    <span class="copy-alert-icon">🚫</span>

    <!-- ========== عنوان الرسالة: عدّل النص بين علامتي الاقتباس ========== -->
    <div class="copy-alert-title">تنبيه!</div>

    <!-- ========== نص الرسالة الرئيسي: غيّره لرسالتك الخاصة ========== -->
    <div class="copy-alert-message">
      عذراً، نسخ المحتوى غير مسموح به.<br>
      شكراً لزيارتك <strong>اسم مدونتك</strong>.
    </div>

    <button class="copy-alert-btn" onclick="hideCopyAlert()">حسناً</button>
  </div>
</div>

<script>
  /* =====================================================================
     جميع المتغيرات التي يمكنك تعديلها لجعل الكود مناسباً لك
     ===================================================================== */

  // المدة التي تختفي بعدها الرسالة تلقائياً (بالمللي ثانية) - 3000 = 3 ثوانٍ
  var ALERT_AUTO_HIDE_DURATION = 3000;

  // هل تريد إخفاء الرسالة تلقائياً بعد المدة المحددة؟ true = نعم، false = لا
  var AUTO_HIDE_ENABLED = true;

  // ============== دوال إظهار وإخفاء الرسالة ==============
  function showCopyAlert() {
    var overlay = document.getElementById('copyAlertOverlay');
    if (overlay) {
      overlay.classList.add('show');
      // إخفاء تلقائي إذا كان الخيار مفعّلاً
      if (AUTO_HIDE_ENABLED) {
        clearTimeout(window.copyAlertTimer); // مسح أي مؤقت سابق
        window.copyAlertTimer = setTimeout(hideCopyAlert, ALERT_AUTO_HIDE_DURATION);
      }
    }
  }

  function hideCopyAlert() {
    var overlay = document.getElementById('copyAlertOverlay');
    if (overlay) {
      overlay.classList.remove('show');
    }
  }

  // ============== منع الأحداث وحماية النسخ ==============

  // 1. منع النقر بزر الفأرة الأيمن
  document.addEventListener('contextmenu', function(e) {
    e.preventDefault();           // منع القائمة
    showCopyAlert();              // إظهار الرسالة
  });

  // 2. منع اختصارات لوحة المفاتيح (Ctrl+C, Ctrl+X, Ctrl+U, F12, Ctrl+Shift+I...)
  document.addEventListener('keydown', function(e) {
    // Ctrl+C أو Ctrl+Insert (نسخ)
    if ((e.ctrlKey || e.metaKey) && (e.key === 'c' || e.key === 'C' || e.key === 'Insert')) {
      e.preventDefault();
      showCopyAlert();
      return false;
    }
    // Ctrl+X (قص)
    if ((e.ctrlKey || e.metaKey) && (e.key === 'x' || e.key === 'X')) {
      e.preventDefault();
      showCopyAlert();
      return false;
    }
    // Ctrl+U (عرض المصدر)
    if ((e.ctrlKey || e.metaKey) && (e.key === 'u' || e.key === 'U')) {
      e.preventDefault();
      showCopyAlert();
      return false;
    }
    // F12 (أدوات المطور)
    if (e.key === 'F12' || e.keyCode === 123) {
      e.preventDefault();
      showCopyAlert();
      return false;
    }
    // Ctrl+Shift+I أو Ctrl+Shift+J أو Ctrl+Shift+C (أدوات المطور)
    if ((e.ctrlKey || e.metaKey) && e.shiftKey && 
        (e.key === 'I' || e.key === 'i' || e.key === 'J' || e.key === 'j' || e.key === 'C' || e.key === 'c')) {
      e.preventDefault();
      showCopyAlert();
      return false;
    }
  });

  // 3. منع حدث النسخ نفسه (عند استخدام الفأرة أو شاشة اللمس)
  document.addEventListener('copy', function(e) {
    e.preventDefault();        // يمنع النسخ فعلياً
    showCopyAlert();
    return false;
  });

  // 4. منع القص
  document.addEventListener('cut', function(e) {
    e.preventDefault();
    showCopyAlert();
    return false;
  });

  // 5. منع السحب والإفلات (حتى لا يتم سحب النصوص أو الصور)
  document.addEventListener('dragstart', function(e) {
    e.preventDefault();
    return false;
  });

  // 6. منع تحديد النص عبر الماوس (تعزيز إضافي)
  document.addEventListener('selectstart', function(e) {
    e.preventDefault();
    return false;
  });

  // 7. حماية للهواتف (اللمس المطول الذي قد يظهر قائمة نسخ)
  document.addEventListener('touchstart', function(e) {
    // لا نمنع اللمس بالكامل ولكن نمنع التحديد عبر CSS، ويكفي منع copy/cut
  }, {passive: false});

  // يمكنك أيضاً إلغاء السلوك الافتراضي للنسخ من خلال كائن الويندوز القديم
  window.addEventListener('load', function() {
    // تعطيل السحب والإفلات على مستوى الويندوز
    document.body.setAttribute('ondragstart', 'return false;');
    document.body.setAttribute('onselectstart', 'return false;');
  });

  /* ========== تنبيه: لا تنسَ تعديل نص الرسالة في الـ HTML أعلاه ========== */
</script>

<!-- ==================== نهاية كود حماية النسخ ==================== -->

---

تخصيص الكود بسهولة

بفضل التعليقات العربية داخل الكود، يمكنك تعديل أي عنصر دون خبرة برمجية:

• نص الرسالة: ابحث عن copy-alert-message وغيّر الجمل بين الوسوم.
• لون الزر والعنوان: ابحث عن color وbackground داخل الـ CSS، وستجد أرقام الألوان بجانب كل سطر.
• مدة ظهور الرسالة: غيّر الرقم 3000 في السطر var ALERT_AUTO_HIDE_DURATION (القيمة بالميلي ثانية).
• إلغاء الإخفاء التلقائي: اجعل var AUTO_HIDE_ENABLED = false; لتبقى الرسالة حتى ينقر الزائر "حسناً".

---

ملاحظة مهمة

هذا الكود يزيد من صعوبة النسخ اليدوي، لكن لا يوجد حل برمجي يمنع النسخ بنسبة 100% أمام الأدوات المتقدمة. ومع ذلك، فهو حل ممتاز لحماية المحتوى العام ورفع الوعي بضرورة احترام حقوق النشر.

إذا واجهت أي مشكلة أثناء التطبيق، اترك تعليقاً أسفل المقال وسنساعدك.