القائمة الرئيسية

الصفحات

تركيب اضافة مانع اعلانات adblock لمدونات بلوجر

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

الأن قم بالبحث عن ]]></b:skin> وضع فوقه مباشرة الكود التالي :


*/@-webkit-keyframes bounce{0%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}
@keyframes bounce{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
.adblockInfo{width:100%;height:100%;position:fixed;top:0;left:0;z-index:900;display:none}
.adblockInfo.is-active{display:block}
.adblockInfo__container{top:calc(50% - 130px);left:calc(50% - 250px);max-width:500px;max-height:90%;font-size:16px;text-align:center;box-shadow:0 6px 5px -5px rgba(0,0,0,.5);-webkit-animation:bounce 1s;animation:bounce 1s}
.adblockInfo__container,.adblockInfo__title{position:relative;z-index:10}
.adblockInfo__title{padding:1em 2em;font-size:1.2em;margin:0}
.adblockInfo__text{padding:2em;font-weight:500;font-size:1em;margin:0}
.adblockInfo__cover{background-repeat:repeat;background-size:cover;background-position:center;height:5em;position:relative}
@-webkit-keyframes rubberBand{100%,24%,from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}4%{-webkit-transform:scale3d(1.25,.8,1);transform:scale3d(1.25,.8,1)}8%{-webkit-transform:scale3d(.75,1.2,1);transform:scale3d(.75,1.2,1)}12%{-webkit-transform:scale3d(1.15,.9,1);transform:scale3d(1.15,.9,1)}16%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}20%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}
@keyframes rubberBand{100%,24%,from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}4%{-webkit-transform:scale3d(1.25,.8,1);transform:scale3d(1.25,.8,1)}8%{-webkit-transform:scale3d(.75,1.2,1);transform:scale3d(.75,1.2,1)}12%{-webkit-transform:scale3d(1.15,.9,1);transform:scale3d(1.15,.9,1)}16%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}20%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}
.adblockInfo__cover__img{position:absolute;left:2em;bottom:-15px;-webkit-animation:rubberBand 3s infinite;animation:rubberBand 3s infinite;-webkit-transform-origin:bottom;transform-origin:bottom}
.adblockInfo__close{background:rgba(0,0,0,.2);border:0;outline:0;font-family:monospace;font-size:1.3em;color:#fff;position:absolute;top:0;right:0;cursor:pointer;padding:0 1em;bottom:0;-webkit-transition:background .3s;transition:background .3s}
.adblockInfo__close:hover{background:rgba(0,0,0,.4)}
@media (max-width:500px){.adblockInfo__container{left:0;right:0;width:100%}}
.adblockInfo{background:rgba(0,0,0,0.95)}
.adblockInfo__title,.adblockInfo__container{background:#fff}
.adblockInfo__cover{background-image:url(https://a.top4top.net/p_8455gzpl1.png);background-color:#1d2129}
.adblockInfo__title{border-bottom:1px solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.75)}
.adblockInfo__text{color:rgba(0,0,0,0.5)}


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

<script>

//<![CDATA[

function adBlockDetected(){function e(e,c){return e.classList?e.classList.contains(c):!!e.className.match(new RegExp("(\\s|^)"+c+"(\\s|$)"))}function c(c,t){c.classList?c.classList.add(t):e(c,t)||(c.className+=" "+t)}function t(c,t){if(c.classList)c.classList.remove(t);else if(e(c,t)){var o=new RegExp("(\\s|^)"+t+"(\\s|$)");c.className=c.className.replace(o," ")}}var o=document.querySelector(".adblockInfo"),s=document.querySelector(".adblockInfo__close");c(o,"is-active"),s.onclick=function(){t(o,"is-active")}}if("undefined"!=typeof fuckAdBlock||"undefined"!=typeof FuckAdBlock)adBlockDetected();else{var importFAB=document.createElement("script");importFAB.onload=function(){fuckAdBlock.onDetected(adBlockDetected)},importFAB.onerror=function(){adBlockDetected()},importFAB.integrity="sha256-xjwKUY/NgkPjZZBOtOxRYtK20GaqTwUCf7WYCJ1z69w=",importFAB.crossOrigin="anonymous",importFAB.src="https://cdnjs.cloudflare.com/ajax/libs/fuckadblock/3.2.1/fuckadblock.min.js",document.head.appendChild(importFAB)}
//]]></script>

الأن مع أخر كود وستقوم بوضعه أسف الوسم <body> مباشرة :


<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>


<div class="adblockInfo"><div class="adblockInfo__container">

<div class="adblockInfo__cover">



<img class="adblockInfo__cover__img" src="https://f.top4top.net/p_845xltyt1.png"/></div>

<h3 class="adblockInfo__title">
تم الكشف عن مانع الإعلانات</h3>
<p class="adblockInfo__text"></div>
من فضلك قم بتعطيل أداة مانع الأعلانات أدبلوك AdBlock من المتصفح للدخول للمدونة، أو أستخدم متصفح أخر وشكرا لك :)</p>


</div></b:if>

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

تعليقات

محتوي التدوينة