Adblock Engelleyici

İçerik üreticilerinin kazanç noktası olan reklamlar genelde uzantılarla engellenebiliyor.Bu durum içerik üreticilerinin kazancını ve emeğini yok sayıyor.Bu makalede ise bir siteniz varsa bunu sitenize ekleyerek bu uzantıyı kullananlara bir uyarı verip sitenize uzantıyı devre dışı bırakarak girmesini sağlayabilirsiniz.Bu sayede de hakkınız olan kazancı sağlayabilirsiniz.

Blogger kontrol panelinde Tema > Html'yi Düzenle yolunu izleyerek sitenin ana kodlarına erişim sağlıyoruz.CTRL + F ile sayfada </head>'ı aratıyoruz ve hemen üstüne aşağıdaki kodu ekliyoruz.

CSS
<style type='text/css'>
/* Animation Gematriga */
@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)}}
/* Say Hi to 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>

Ardından </body> kodunu aratalım ve onun üzerine aşağıdaki kodu ekleyip kaydediyoruz.

JS
<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
//Gematriga
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>