🔒 تحسين أمان مدونتك على Blogger – أكواد وإعدادات مهمة!
📌 ما الذي سأضيفه الآن؟
✅ 🛡️ منع النسخ واللصق لحماية المحتوى من السرقة 📝
✅ 🔏 حماية المدونة من حقن الأكواد الخبيثة (XSS Protection) 🚫
✅ 🚀 تفعيل HTTPS تلقائيًا لحماية الاتصال 🔐
✅ 📌 تنبيه الزوار عند محاولة مغادرة الصفحة بدون حفظ التعديلات ⚠️
✅ 🕵️ إخفاء مصدر كود الموقع لحماية المدونة 🛑
✅ 🔄 تعطيل زر الفأرة الأيمن لمنع سرقة المحتوى ❌
✅ 🔍 حماية المدونة من برامج التتبع الغير مرغوب فيها 🕶️
1️⃣ 📝 منع النسخ واللصق لحماية المحتوى من السرقة
<script>
document.addEventListener('copy', function(event) {
event.preventDefault();
alert("❌ عذرًا، لا يمكنك نسخ المحتوى من هذه المدونة!");
});
</script>
✅ يمنع الزوار من نسخ أي محتوى داخل المدونة.
2️⃣ 🚫 حماية المدونة من حقن الأكواد الخبيثة (XSS Protection)
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://apis.google.com">
<meta http-equiv="X-XSS-Protection" content="1; mode=block">
✅ يمنع تشغيل الأكواد الخبيثة التي قد يتم حقنها داخل المدونة.
3️⃣ 🔐 تفعيل HTTPS تلقائيًا لحماية الاتصال
<script>
if (location.protocol !== 'https:') {
location.replace(`https:${location.href.substring(location.protocol.length)}`);
}
</script>
✅ يحول الزوار تلقائيًا إلى الاتصال الآمن (HTTPS) إذا دخلوا عبر HTTP.
4️⃣ ⚠️ تنبيه الزوار عند محاولة مغادرة الصفحة بدون حفظ التعديلات
<script>
window.onbeforeunload = function() {
return "⚠️ هل أنت متأكد من مغادرة الصفحة؟ قد تفقد التعديلات غير المحفوظة!";
};
</script>
✅ يمنع فقدان المحتوى غير المحفوظ أثناء تحرير المقالات.
5️⃣ 🛑 إخفاء مصدر كود الموقع لحماية المدونة
<script>
document.addEventListener('keydown', function(event) {
if (event.ctrlKey && (event.key === 'U' || event.key === 'u')) {
event.preventDefault();
alert("🚫 لا يمكنك عرض كود المصدر!");
}
});
</script>
✅ يمنع الوصول إلى كود المصدر عبر Ctrl + U.
6️⃣ ❌ تعطيل زر الفأرة الأيمن لمنع سرقة المحتوى
<script>
document.addEventListener("contextmenu", function(event) {
event.preventDefault();
alert("❌ زر الفأرة الأيمن معطل لحماية المحتوى!");
});
</script>
✅ يمنع سرقة النصوص والصور باستخدام القائمة اليمنى للفأرة.
7️⃣ 🕶️ حماية المدونة من برامج التتبع الغير مرغوب فيها
<meta name="robots" content="noarchive, nosnippet">
<meta name="referrer" content="no-referrer">
✅ يمنع محركات البحث من تخزين نسخة مؤرشفة من المدونة أو تتبع الروابط.
📌 كيفية إضافة هذه الأكواد في Blogger؟
✅ انتقل إلى “المظهر” (Theme) → “تعديل HTML”.
✅ ألصق الأكواد حيث تريد أن تظهر الميزات داخل <body>.
✅ لحفظ الأكواد الخاصة بالأمان، ضعها في <head> داخل القالب.