Tuesday, November 27, 2018

Cara Memasang Script Anti Adblock di blogger terbaru 100% Work

Hai sobat haq tips kali ini saya akan membahas tentang Script Anti Adblock siapa sih yang masih belum tau Apa itu Adblock? .
Cara Memasang Script Anti Adblock di blogger terbaru 100% Work
Anti Adblock
Adblock adalah sebuah ekstensi penyaringan konten dan memblokir iklan dengan sumber terbuka untuk pengguna browsing atau penjelajah website. Adblock memungkinkan kita untuk mencegah munculnya sebuah iklan yang tidak kita inginkan pada elemen sebuah web tertentu.

Hampir semua orang telah memasang Adblock yang dipasang di web browser pada komputer mereka. Sebenarnya fungsi dari Adblock adalah memblokir sebuah iklan yang berada pada suatu website. Tetapi sekarang Adblock sudah ada di semua website dan platform, Seperti Google Chrome, Apple Safari, UC Browser, dan masih banyak lagi.

Baca juga : Cara Redirect Otomatis di UC Browser ke Google Chrome

Tetapi sekarang sudah ada beberapa situs penyedia iklan memiliki anti adblock tersendiri contohnya seperti Propeller Ads, Mereka memasang anti Adblock pada iklan mereka sehingga mereka bisa menayangkan iklan meskipun Adblock menyala. Propeller Ads Launcher Advanced Anti-Adblock technology

Jika kita lihat dari sisi klien atau penjelajah website Adblock memang sangat bermanfaat karena memblokir iklan yang tidak kita inginkan akan tetapi jika dilihat dari sisi Publisher iklan seperti saya memang tidak menguntungkan karena pendapatan atau earnings bisa berkurang.

Bagaimana cara mengatasinya? , Saya menanggulangi masalah tersebut dengan cara membuat sebuah pesan untuk pengguna AdBlocker seperti halnya anda jika menggunakan Adblock pada saat mengunjungi blog saya terdapat sebuah pesan untuk mematikan Adblock. Nah kali ini saya akan membawakan sebuah tutorial cara memasang Script Anti Adblock untuk pengguna blogger langsung saja tanpa basa-basi lagi.

cara membuat anti adblock di blogger

1. Buka blogger anda kemudian masuk ke template dan edit html

2. Kemudian cari </b:skin> atau <style> dengan cara CTRL+F untuk mempercepat pencarian, lalu letakanlah kode CSS di bawah berikut :

<!--Anti Adblock Style-->
/* Animation */
@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)}}

/* Anti Adblock */
#haq{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}
#haq .header{margin:0 0 15px 0}
#haq .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}
#haq button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#haq button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#haq button.active,#haq button:hover.active{background:#fff;color:#222;outline:none}
#haq .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#haq .fixblock div{display:none}
#haq .fixblock div.active{display:block}
#haq ol{margin-left:20px}
@media(max-width:768px){#haq .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}
3. Kemudian letakanlah kode selanjutnya di atas </body>

<!--Anti Ads JS -->
<script type='text/javascript'>
function downloadJSAtOnload(){var e=document.createElement(&quot;script&quot;);e.src=&quot;https://cdn.rawgit.com/hamadaakise/javascript/e7ab0338/ads.js&quot;,document.body.appendChild(e)}window.addEventListener?window.addEventListener(&quot;load&quot;,downloadJSAtOnload,!1):window.attachEvent?window.attachEvent(&quot;onload&quot;,downloadJSAtOnload):window.onload=downloadJSAtOnload;
</script>
4. Jika sudah selesai save atau simpan tema yang sudah di edit

Jika kalian sudah berhasil maka akan ada notification anti adblock tersebut, Kalau masih belum ada coba ulang cara yang ada di atas sampai bisa jika ada yang ingin di tanyakan silahkan komen.


code by : Arlina Design

Load comments