إضافة إعلام للزوار بإزالة أداة أدبلوك بلس أو إضافة الموقع للقائمة البيضاء في مدونة بلوجر


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

طريقة جديدة: اضافة منع زوار المدونة من تشغيل مانع الاعلانات على موقعك

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

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

إعلام زوار موقعك بإضافة الموقع للقائمة البيضاء في أداة أدبلوك بلس

1. من لوحة تحكم المدونة إنتقل إلى القالب ثم أنقر على تحرير HTML
2. بإستخدام مفتاح الإختصار ctrl+f قم بالبحث عن الرمز </head> ثم أضف الكود التالي فوقه مباشرةً:
<style>
#keep-ads {
  background: #1C90F3;
  color: #fff;
  padding: 10px 20px;
  position: fixed;
  bottom: -150px;
  right: 0;
  opacity: 0;
  font-size: 100%;
  line-height: 1.5em;
  transition: all .3s;
  width: 100%;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100000
}
#keep-ads p {
  margin: 0!important
}
#keep-ads a {
  padding: 0 6px 2px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid transparent
}
#keep-ads.show {
  pointer-events: auto;
  opacity: 1;
  bottom: 0
}
.close-keep-ads {
  position: absolute;
  top: 1px;
  left: 4px;
  line-height: 1;
  font-size: 24px;
  font-weight: 700
}
</style>


3. قم بالبحث عن الرمز </body> ثم اضف الكود التالي فوقه مباشرةً:
<div id='keep-ads'>
  <p>نحن نعرض الإعلانات على الموقع للإسهام في تحسين موقعنا.</p>
  <p>نرجوا منكم إزالة أداة أدبلوك بلس من متصفحكم أو إضافة الموقع للقائمة البيضاء لديكم في الأداة.</p>
  <p>شكرًا لك</p>
  <div class='close-keep-ads' onclick='hidekeep()'>&#215;</div>
</div>
<script>
//<![CDATA[
setTimeout(function() {
  var info = document.getElementById("keep-ads");
  var ads = document.querySelectorAll("ins.adsbygoogle");
  if ($(ads).height() === 0 ) {
    info.className = "show";
  }
}, 2000)
function hidekeep() {
  var e = document.getElementById("keep-ads").style.display = "none";
};
//]]>
</script>

4. أنقر على حفظ القالب, يمكنك التعديل على النص الموجود في الكود السابق بما تريد كما يمكنك تضمين روابط داخله.



مشاركات أقدم المقال التالي
5 تعليق
  • abderrahim
    abderrahim 12‏/08‏/2016، 12:47:00 ص

    شكرا على الاضافة أرجو تقييم مدونتي actaghoult.com

  • Profe User - المستخدم المحترف
    Profe User - المستخدم المحترف 07‏/01‏/2017، 6:29:00 ص

    الاضافة لا تعمل اخي ارجو المساعدة!!!!!!!

    • مداد الجليد
      مداد الجليد 07‏/01‏/2017، 12:42:00 م

      لقدتم التحقق من الاضافة فهي تعمل بشكل جيد
      يجب تطبيق الشرح كما هو اعلاه بشكل دقيق ثم تفعيل الاضافة على المدونة للتحقق منها

    • صحراوي منير
      صحراوي منير 17‏/05‏/2019، 4:42:00 ص

      الاضافة لا تعمل وشكرا على مجهوداتك استاذ
      جربت كل الخطوات

    • مداد الجليد
      مداد الجليد 18‏/05‏/2019، 5:10:00 ص

      قد تكون هذه الإضافة عفا عليها الزمن لذلك سوف اقدم لك الاضافة التي استخدمها على موقعهنا
      أضف الكود التالي فوق الرمز ]]></b:skin> مباشرةً
      #ignielAdBlock {background:rgba(0,0,0,0.85);padding:0;position:fixed;bottom:0;right:0;top:-100px;left:0;z-index:1000;opacity:1;visibility:visible;height:auto;}
      #ignielAdBlock svg {width:100px; height:100px}
      #ignielAdBlock svg path {fill:#fff}
      #ignielAdBlock a{color:#ffe88b;} #ignielAdBlock a:hover{color:#ffe88b;text-decoration:underline}
      #ignielAdBlock .isiAds{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;right:0;left:0;font-size:1.5rem;font-weight:400;line-height:1.5em;font-family:monospace;max-width:800px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:15px solid rgba(0,0,0,.07); overflow:hidden; transition:all .6s cubic-bezier(.25,.8,.25,1); -webkit-transform:translateZ(0); transform:translateZ(0); backface-visibility:visible; transition:all .2s ease-in-out,visibility 0s; trans…

أضف تعليق
عنوان التعليق