Cara Pasang Script Anti AdBlock di Blogger Mudah dan 100% Work

Banyak mesin pencari atau search engine yang sudah menggunakan ads block untuk mengeblock iklan ketika pengguna mengunjungi artikel diblog atau website agar tidak menggangu ketika pengguna atau pembaca artikel diblog tersebut. Tapi disisi yang lain pengguna ads block juga sangat merugikan para Blogger atau pembuat artikel diblog, yang mana pendapatan utama para blogger kebanyakan dari iklan atau ads.

 

Cara Pasang Script Anti AdBlock di Blogger (Semua Iklan) 100% Work

Apa Itu AdBlock dan Penggunaannya

Adblock merupakan sebuah plugin atau ekstensi yang ada pada browser untuk menyaring konten dan pemblokiran iklan ketika pengguna mengunjungi web atau blog yang terdapat iklan, sehingga tidak mengganggu pengguna membaca artikel di blog atau konten berbahaya. AdBlock adalah ekstensi paling populer yang digunakan di Chorme atau Firefox.

Pada kesempatan kali ini saya membagikan sebuah script anti AdBlock, yang mana jika pengguna mengunjungi blog kita dan mengaktifkan AdBlock. Maka ada pemberitahuan atau pesan untuk mematikan AdBlock agara bisa membaca atau mengunjungi di blog kita. Disini saya memberikan tutorial menggunakan Blogger

Cara Pasang Script Anti AdBlock di Blogger

• Pertama buka Blog kalian, kemudian pilih Layout atau Tata Letak.
• Kemudian Gadget baru di Sidebar dengan cara klik Tambahkan Gadget atau Add Gadget.

 

• Selanjutnya pilih HTML dan Javascript. Lalu muncul jendela Widget.

• Kemudian ketikan script dibawah atau copy script.

<style type='text/css'>

/* 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)}}

/* 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>

<script type='text/javascript'>

//<![CDATA[

// Say Hi to Adblock

function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;

//]]>

</script><style type='text/css'>

/* 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)}}

/* 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>

<script type='text/javascript'>

//<![CDATA[

// Say Hi to Adblock

function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;

//]]>

</script>

 

•  Seperti gambar dibawah, setelah itu Simpan atau Save

 

• Setelah itu buka web kalian dan nyalakan AdBlock kalian, maka hasilnya seperti gambara dibawah.

• Agar tetap bisa dibuka maka pengunjung harus mematikan AdBlock terlebih dulu.

Keuntungan memasang anti AdBlock untuk para Blogger, yaitu mencegah para pengunjung blog untuk memblokir iklan blog sehingga iklan tetap muncul dan penghasilan blog dari iklan meningkat. Walaupun begitu sebagai Blogger, kita juga harus memberikan artikel yang berkualitas dan jangan memasang terlalu banyak iklan sehingga banyak yang kesal dengan blog kita.

 

Link Script Anti AdBlock

Mungkin itu saja yang bisa saya bagikan, semoga bisa bermanfaat dan terimakasih