√ Cara Memasang Adblock Killer di Blogger

Cara Memasang Adblock Killer di Blogger

Tuesday, January 25, 2022

AdBlock adalah ekstensi browser yang berfungsi mencegah iklan untuk muncul. Tujuan instalasi Adblock biasanya agar pengunjung bisa membaca artikel dengan nyaman tanpa perlu melihat iklan yang berseliweran. Jadi ketika Anda menginstal script anti-adblock ini maka blog Anda akan muncul secara utuh pada pengguna yang telah menginstal Adblock di browser mereka.

Dapat dikatakan bahwa Adblocker adalah musuh terburuk Blogger yang memonetisasi blog dengan Google Adsense, Chitika atau iklan lainnya menggunakan kode JavaScript. Jika pengunjung blog Anda memasang script anti-iklan di browser mereka, maka iklan Anda tidak akan muncul di browser mereka dan situasi ini tentu saja merugikan kita. Untuk mengatasi hal ini kita perlu menambahkan script Adblock Killer pada blog.

Fungsinya yaitu dengan memberikan notifikasi kepada pengunjung untuk menonaktifkan ekstensi Adblock untuk situs ini namun dengan tampilan berbeda. Bagi yang ingin memasangnya silakan ikuti langkah berikut ini.

Cara memasang AdBlock Killer Di Blog

Pertama masuk ke Dashboard Blogger > Tema > Edit HTML dan letakkan script di bawah ini sebelum tag </head>.

<script src='https://rawcdn.githack.com/Fajardjoekerz/djoekerz/579158f5ce7e0629d601f578f52f21fa5ea97071/Killer%20block.js' type='text/javascript'/>

Selanjutnya Letakkan CSS dibawah ini agar tampilan AdBlock Lebih Menarik dipandang, Letakkan Sebelum tag </style>

/* AdBlock Killer Fd */#levelmaxblock{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}
#levelmaxblock .header{margin:0 0 15px 0}
#levelmaxblock .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}
#levelmaxblock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#levelmaxblock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#levelmaxblock button.active,#levelmaxblock button:hover.active{background:#fff;color:#222;outline:none}
#levelmaxblock .caranya{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#levelmaxblock .caranya div{display:none}
#levelmaxblock .caranya div.active{display:block;animation:fadeInUp .5s}
#levelmaxblock ol{margin-left:20px}
@media(max-width:680px){#levelmaxblock .inner{width:calc(100% - 80px);margin:auto}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

Jika semuanya sudah dipasang kemudian klik simpan. Pesan notif akan keluar jika sudah Mengaktifkan AdBlock, maka akan ada tampilan notif AdBlock killer yang sudah terpasang. Untuk Demo silahkan cek hasilnya di Block ini.

Sekian Cara Memasang Adblock Killer di Blogger semoga bermanfaat.