Bagaimana cara membuat script anti adblock seperti di website Arlina Design? Cara memasang script disable AdBlock di Blog sangat mudah, banyak javascript anti adblock yang berseliweran di google. Akan tetapi yang akan saya gunakan disini adalah script matikan adblock seperti yang dipasang pada website Arlina Design.
AdBlock adalah ekstensi penyaringan konten dan pemblokiran iklan sumber terbuka untuk penjelajah web Google Chrome dan Apple Safari. AdBlock memungkinkan pengguna mencegah munculnya elemen web tertentu seperti iklan.
Bagaimana jadinya jika kehidupan website / blog dari iklan akan tetapi iklannya disaring, tentu mempengaruhi pendapatan harian pada situs sobat, maka dari itu dengan penuh perasaan mari kita canangkan untuk memasang anti-adblock pada web yang kita gunakan.
Cara Memasang Anti AdBlock di Blogger
- Login Blogger
- Buka Tema → Edit HTML
- Tambahkan kode CSS ini sebelum
</style>atau]]></b:skin>
/* Adblock */
#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)}}
- Ubah kode warna #e3482d untuk mengganti background sesuai keinginan
- Tambahkan javascript berikut diatas
</head>atau/head
<script src='https://cdn.rawgit.com/Indzign/InSEO/39bc7f20/levelmaxblock.js' type='text/javascript'/>- Klik tombol Simpan Tema
- Selesai
Untuk memastikan adblock killer tersebut berfungsi silahkan refresh browser sobat dan pastikan extensi adblock dalam keadaan ON (aktif -red).
Itu saja tutorial cara mudah memasang anti-adblock seperti pada blog arlinadsign, sekian dan silahkan dipraktekkan.
Source code, di sini
