Bloglar'da görüntülenen rahatsız edici reklemlara karşı ziyaretçilerin kullandığı AdBlock reklam engelleme uygulamasına karşı, blogculara oldukça basit ve farklı bir çözüm. AdBlocok'u bilmeyen yoktur diye sanıyorum, o reklam gelirlerini düşüren blog yazarlarına karşı yapılan düşman uygulamalardan biri. Ziyaretçilerin sitenizi ziyaret ettiğinde Adblock'u devre dışı bırakmaları için farklı bir görünümle bilgi vermesini sağlayan eklentiyi kullanarak, AdBlock uygulamasına karşı en iyi çözüm üretebilirsiniz.

Blogunuza giriş yaptıktan sonra sırasıyla Tema-HTML düzenle sekmelerinden sonra CTRL-F yardımı ile </head> öğesini aratın. Bulduğunuz bu öğeden önce aşağıdaki kodları kopyalayıp, yapıştırın.

<style type='text/css'>
/* Animasyon */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
/* Adblock */
#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#arlinablock .header{margin:0 0 15px 0}
#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}
#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}
#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#arlinablock .fixblock div{display:none}
#arlinablock .fixblock div.active{display:block}
#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}
</style>

Son olarak aşağıdaki kodları </body> kısımdan önce ekleyip temanızı kaydedin. Bu ileti yalnızca AdBlock kullanan ziyaretçilerinize görünecektir.

<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.rawgit.com/Arlina-Design/quasar/23207858/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>