16‏/07‏/2016

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


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


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

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

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

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 تعليقات

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

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

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

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

      حذف
    3. قد تكون هذه الإضافة عفا عليها الزمن لذلك سوف اقدم لك الاضافة التي استخدمها على موقعهنا
      أضف الكود التالي فوق الرمز ]]></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; transform-origin:bottom center; pointer-events:auto; transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); opacity:1; animation:ignielWobble .5s; -moz-animation: ignielWobble .5s; -webkit-animation:ignielWobble .5s; -o-animation:ignielWobble .5s}
      #ignielAdBlock .isiAds:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
      #ignielAdBlock .isiAds h4, #ignielAdBlock .isiAds .judul{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:600;margin-bottom:20px}
      #ignielAdBlock .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;text-align:center;position:absolute;bottom:10px;left:10px;font-size:42px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(0,50px);}
      #ignielAdBlock .tutupAds:hover{color:#fff;transform:scale(1.0);}
      #ignielAdBlock .isiAds:hover .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;transform:translate(0,0)}

      ثم أضف الكود التالي فوق الرمز </body>

      <script type='text/javascript'>/*<![CDATA[*/
      (function ignielAdBlock() {
      var judulAd = 'إيقاف AdBlock',
      notifAd = 'للحفاظ على تشغيل مدونة مداد الجليد قم بإيقاف أدبلوك وأدخل هذه المدونة في القائمة البيضاء.<br/> شكرًا لك.'; var ad = document['createElement']('script');
      ad['type'] = 'text/javascript';
      ad['src'] = '//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
      ad['async'] = true;
      ad['onerror'] = function() {
      var _0xc9cbx2 = document['createElement']('div');
      _0xc9cbx2['id'] = 'ignielAdBlock';
      _0xc9cbx2['innerHTML'] = '<div class="isiAds"><span class="judul">' + judulAd + '</span><br/><svg viewBox="0 0 24 24"><path d="M13,13H11V7H13M12,17.3A1.3,1.3 0 0,1 10.7,16A1.3,1.3 0 0,1 12,14.7A1.3,1.3 0 0,1 13.3,16A1.3,1.3 0 0,1 12,17.3M15.73,3H8.27L3,8.27V15.73L8.27,21H15.73L21,15.73V8.27L15.73,3Z"></path></svg><br/>' + notifAd + '</div>';
      document['body']['append'](_0xc9cbx2);
      document['body']['style']['overflow'] = 'hidden';
      window['adblock'] = true
      };
      var b_ad = document['getElementsByTagName']('script')[0];
      b_ad['parentNode']['insertBefore'](ad, b_ad)
      })();
      /*]]>*/</script>

      أنقر على حفظ المظهر

      حذف

تعليقاتكم تشجعنا على تقديم المزيد وهي محل إهتمامنا دائمًا

© جميع الحقوق محفوظة مداد الجليد 2013 - حقوق الطبع والنشر | مدعومة بكل فخّر من blogger | سياسة الخصوصية