Memasang Adblock Killer pada sebuah blog pada era sekarang bisa dikatakan suatu hal yang wajib untuk keberlangsungan suatu blog. Karena sebagian dari mereka yang memiliki blog bukan hanya sekedar hobi namun juga memiliki kelangsungan penghasilan pada blog tersebut yang notabennya selalu mengandalkan iklan. Sebelum saya mejelaskan tutorial memasang Adblock Killer saya akan menjelaskan secara singkat apa itu adblock.
Adblock adalah ekstensi pemblokir iklan yang disediakan oleh aplikasi browser sehingga secara otomatis situs website atau blog tidak dapat menampilkan iklan yang ditayangkan. Banyak sekali para publisher yang merasa resah akibat adanya ekstensi dari browser tersebut.
Namun ada hal yang perlu disadari bahwa memasang Adblock killer hanya sebatas pengingat untuk pengunjung blog dan jangan sampai anda memasang iklan yang cukup banyak sehingga para pengunjung blog anda merasa tidak nyaman dengan banyaknya iklan yang memenuhi halaman blog.
Maka hasilnya para pengguna enggan untuk berkunjung berkunjung kembali ke blog anda. Balik lagi kepembahasan kita di awal yaitu bagi Anda yang penasaran dengan bagaimana cara memasangnya silahkan ikuti langkah mudah berikut ini.
Cara Mudah Memasang Adblock Killer Terbaru Pada Blog
1. Buka dasbor Blogger klik menu Tema dan klik tombol Edit HTML, tambahkan kode CSS di bawah ini tepat 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)}}
2. Setelah itu tambahkan kode link JS di bawah ini sebelum </head> atau </body>
<script src='https://cdn.jsdelivr.net/gh/Indzign/InSEO@master/levelmaxblock.js' type='text/javascript'/>3. Terakhir, klik tombol Simpan dan selesai.
Cara kerja dari script ini yaitu apabila pengunjung mengaktifkan AdBlock maka dalam beberapa detik tampilan blog akan berubah seperti gambar bawah ini, yang artinya memberitahukan kepada pengguna untuk mematikan atau menonaktifkan Adblock yang mereka pakai pada aplikasi browser.
Untuk memastikan kode Adblock Killer berjalan dengan baik, Anda coba buka halaman blog Anda atau pada link Result di atas dengan browser yang terpasang ekstensi Adblock dan jika notifikasi Adblock seperti gambar di atas muncul maka dipastikan kode Adblock Killer di atas bekerja dengan baik.
Cukup mudah bukan tutorial bagaimana Cara Mudah Memasang Adblock Killer Terbaru Pada Blog. Semoga informasinya bermanfaat dan sampai jumpa