Cara Memasang Pesan Anti Adblock Seperti Kurazone

KURAZONE ~ Halo sahabat Kurazer, pada kesempatan kali ini kita akan belajar mengenai Cara Memasang Pesan Anti Adblock seperti yang digunakan pada Blog Kurazone ini. Penampakan Pesan AntiAdblock tersebut akan nampak seperti gambar dibawah ini :

Cara Memasang Pesan Anti Adblock Seperti Kurazone

1. Masuk ke Akun Blogger >> Pilih Tema >> Edit HTML
2. Copy 1 paket kode dibawah ini, lali letakkan / paste diatas </head>
3. Simpan Template
<script src='https://cdn.staticaly.com/gh/sotazer/sotazone/de221301/kurazoneAdblock.js' type='text/javascript'></script>
<style>
/* Adblock */
.header h2{padding:10px;border-radius:5px;background:#007bfd;color:white}
#kurablock{background:rgba(0,0,0,0.95);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#kurablock .header{margin:0 0 15px 0}
#kurablock .inner{background:#123456;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}
#kurablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#kurablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#kurablock button.active,#kurablock button:hover.active{background:#fff;color:#222;outline:none}
#kurablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#kurablock .fixblock div{display:none}
#kurablock .fixblock div.active{display:block;animation:fadeInUp .5s}
#kurablock ol{margin-left:20px}
@media(max-width:680px){#kurablock .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)}}
</style>

Note :
  1. Untuk mengganti warna, silahkan oprek bagian kode yang telah ditandai.
  2. Untuk mengetes hasilnya silahkan aktifkan adblock pada browser kalian.



Itulah informasi mengenai "Cara Memasang Pesan Anti Adblock Seperti Kurazone", selamat mencoba dan semoga bermanfaat. Goodluck !!





أحدث أقدم