الأخبار

كود مانع الإعلانات لمدونة بلوجر 2026 | زيادة أرباح الإعلانات وتحسين ظهور موقعك

كود مانع الإعلانات لمدونة بلوجر 2026 هو حل عملي لاكتشاف أدوات حجب الإعلانات مثل AdBlock داخل المدونة، مع عرض رسالة للزائر تشجعه على تعطيل مانع الإعلانات لدعم المحتوى واستمرار تقديم المقالات والخدمات المجانية.

دليلك الشامل لإضافة كود مانع الإعلانات (AdBlock Detector) لمدونة بلوجر 2026


وصف المقال

تعرف على كيفية إضافة كود مانع الإعلانات (AdBlock Detector) لمدونة بلوجر 2026 بطريقة احترافية وآمنة، لاكتشاف أدوات حجب الإعلانات وعرض رسالة منبثقة تفاعلية تشجع الزوار على تعطيلها لدعم محتوى مدونتك واستمرار تقديم الخدمات المجانية.

خلاصة المقال

  • الهدف: اكتشاف برامج حجب الإعلانات (مثل AdBlock) وزيادة الأرباح الإعلانية.
  • التقنيات المستخدمة: HTML, CSS, JavaScript الحديث والمتوافق مع مختلف المتصفحات.
  • النتيجة: تنبيه تفاعلي أنيق يظهر للزوار الذين يستخدمون مانع الإعلانات، مع صندوق أكواد احترافي لنسخ الأكواد بضغطة زر واحدة.

العناوين الرئيسية والفرعية

1. ما هو كود مانع الإعلانات وأهميته لمدونات بلوجر؟

2. أكواد التنفيذ والتركيب

  • أولاً: كود الـ CSS (يُوضع قبل وسم </b:skin>)
  • ثانياً: كود الـ JavaScript (يُوضع قبل وسم </body>)

3. نصائح للحفاظ على تجربة استخدام ممتازة وسرعة المدونة

طريقة التركيب

  1. الدخول إلى لوحة تحكم بلوجر (Blogger) ثم المظهر (Theme).
  2. الضغط على زر تعديل HTML (Edit HTML).
  3. البحث عن وسم </b:skin> ولصق كود الـ CSS قبله مباشرة.
  4. البحث عن وسم </body> ولصق كود الـ JavaScript قبله مباشرة.
  5. حفظ التغييرات واستمتع بالميزة الجديدة!

أكواد التنفيذ والتطبيق

1. كود الـ CSS (التنسيقات)

ملاحظة: ضع هذا الكود قبل وسم </b:skin> في قالب بلوجر.

CSS — مانع الإعلانات
/* مانع الاعلانات - مضغوط */
#adblock-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:999999999;background:transparent;animation:fade .4s ease}#adblock-box{position:relative;max-width:460px;width:100%;padding:35px 30px;border-radius:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08) inset;overflow:hidden;font-family:Cairo,sans-serif;animation:zoom .45s cubic-bezier(.18,.89,.32,1.28)}#adblock-box:before{content:"";position:absolute;inset:0;padding:1px;border-radius:28px;background:linear-gradient(135deg,#6ea8ff,#00d4ff,#8d5cff,#6ea8ff);background-size:300% 300%;animation:borderMove 6s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0}#adblock-box:after{content:"";position:absolute;top:-100px;right:-100px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 70%);filter:blur(10px);z-index:0}#adblock-icon,#adblock-logo,#adblock-title,#adblock-text{position:relative;z-index:2}#adblock-icon{width:95px;height:95px;display:block;margin:0 auto 18px;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}#adblock-logo{font-size:34px;font-weight:800;text-align:center;margin-bottom:12px;background:linear-gradient(90deg,#fff,#6ea8ff,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textMove 3s linear infinite}#adblock-title{font-size:25px;font-weight:800;color:#fff;text-align:center;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.25)}#adblock-text{font-size:16px;line-height:2;color:rgba(255,255,255,.92);text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.25)}body.adblock-active{overflow:hidden!important}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes zoom{from{transform:translateY(30px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes borderMove{0%{background-position:0 50%}100%{background-position:300% 50%}}@keyframes textMove{0%{background-position:0}100%{background-position:200%}}

2. كود الـ JavaScript (البرمجة والتشغيل)

ملاحظة: ضع هذا الكود قبل وسم </body> في قالب بلوجر.

JavaScript — مانع الإعلانات
<!-- مانع الإعلانات مع نص قالب بلوجر -->
<script>
/*<![CDATA[*/
(()=>{"use strict";function e(){if(document.getElementById("adblock-overlay"))return;let e=document.createElement("style");e.id="adblock-style",e.textContent="#adblock-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;z-index:2147483647!important;background:rgba(8,15,30,.88)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;animation:ab_f .35s ease!important}#adblock-box{position:relative!important;max-width:470px!important;width:100%!important;padding:35px 30px!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.95))!important;border:1px solid rgba(255,255,255,.2)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;box-shadow:0 25px 60px rgba(0,0,0,.5)!important;overflow:hidden!important;font-family:Cairo,sans-serif!important;animation:ab_z .45s cubic-bezier(.18,.89,.32,1.28)!important;box-sizing:border-box!important;color:#fff!important}#adblock-box:before{content:''!important;position:absolute!important;inset:0!important;padding:1px!important;border-radius:28px!important;background:linear-gradient(135deg,#4f8cff,#00d4ff,#8d5cff,#4f8cff)!important;background-size:300% 300%!important;animation:ab_b 6s linear infinite!important;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;mask-composite:exclude!important;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;-webkit-mask-composite:xor!important;pointer-events:none!important}#adblock-icon{width:95px!important;height:95px!important;display:block!important;margin:0 auto 18px!important;object-fit:contain!important;filter:drop-shadow(0 10px 25px rgba(0,0,0,.3))!important;animation:ab_u 3s ease-in-out infinite!important}#adblock-logo{font-size:32px!important;font-weight:800!important;text-align:center!important;margin-bottom:10px!important;color:#72b3ff!important}#adblock-title{font-size:24px!important;font-weight:800!important;color:#fff!important;text-align:center!important;margin-bottom:15px!important}#adblock-text{font-size:16px!important;line-height:1.8!important;color:#e2e8f0!important;text-align:center!important}html,body{overflow:hidden!important}@keyframes ab_f{from{opacity:0}to{opacity:1}}@keyframes ab_z{from{opacity:0;transform:translateY(25px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ab_u{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ab_b{0%{background-position:0 50%}100%{background-position:300% 50%}}",document.head.appendChild(e);let t=document.createElement("div");t.id="adblock-overlay",t.innerHTML='<div id="adblock-box"><img id="adblock-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6XrHRfgBZUaJysAhhNmJHBuJR_ZtVk6XnK_odelOeHGfZLV2dqnns9LsrqXZyu2VSZLujTFdsc0ATbO3tU7NXEPEtgq1tFZ8S3ThzvPl6chDV_zZT9hRl3lCpgv19GW1I5vVmAeVTzBRyxKDeXVfdzDpIMgX6vlcfw66Pro40oLZiCYF475eyyzqqaJg/s800/pngwing.com.webp" alt="AdBlock"><div id="adblock-logo">قالب بلوجر</div><div id="adblock-title">تم اكتشاف مانع الإعلانات</div><div id="adblock-text">يرجى تعطيل مانع الإعلانات، قوالب بلوجر مدفوعة مجانًا مدى الحياة تحميل مباشر بدون حقوق.</div></div>',document.body.appendChild(t)}function t(){let t=document.createElement("div");t.className="adsbygoogle ad-banner pub_300x250 text-ad",t.style.cssText="width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important;top:-9999px!important;",document.body.appendChild(t),setTimeout(()=>{let o=getComputedStyle(t),n=0===t.offsetHeight||"none"===o.display||"hidden"===o.visibility;if(t.remove(),n)return void e();fetch("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js",{method:"HEAD",mode:"no-cors",cache:"no-store"}).then(()=>{"undefined"==typeof adsbygoogle&&e()}).catch(e)},300)}"loading"!==document.readyState?t():addEventListener("DOMContentLoaded",t)})();
/*]]>*/
</script>

الخلاصة

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

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

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

TALMO7G
Mostafa El Sayed
ارتقاء تك منصة تقنية عربية تقدم محتوى مبسط وموثوق يساعدك تفهم التكنولوجيا بسرعة وتتعلم مهارات عملية تواكب أحدث التطورات
تعليقات