Cara membuat anti adblock blogger seperti Arlina design

Widget anti adblock untuk blogger terbaru - Adblock adalah suatu program yang dibuat untuk memblokir iklan pada halaman website atau blog, Hal ini tentu saja merugikan para publisher terutama publisher Google AdSense karena jika seorang pengunjung menggunakan Adblock pada device mereka maka dengan otomatis semua iklan yang ada di blog atau website kita tidak akan tampil.

Ya memang sih adblock sangat berguna untuk penggunanya tapi setidaknya adblock tersebut hanya diaktifkan pada situs yang berbau p***o atau situs yang memasang iklan pop up lainya bukan di blog tutorial atau lainya yang memberi manfaat bagi para pengunjungnya.

Baca juga : Script Anti Adblock dan UC Browser

Bagaimana cara memasang anti adblock di blogger?

Di blog ini sendiri saya pernah membuat tulisan yang membahas mengenai anti adblock ini, Dari para blogger indonesia juga banyak yang membuatnya ada berbagai inovasi keren untuk widget anti adblock ini seperti yang akan saya ulas pada hari ini yaitu Bagaimana cara membuat anti adblock blogger seperti arlina design , Anda pasti sudah tidak asing lagi bukan dengan nama blog Arlina design ya disana banyak sekali ilmu yang bisa kita ambil blog tersebut menyediakan berbagai tutorial mengenai blogger, Jadi kalau Anda belum pernah mengunjungi blog tersebut bisa dibilang anda masih baru di dunia blogger indonesia, Baiklah langsung saja ya kita mulai cara membuat widget adblock nya.

Baca juga : cara membuat notifikasi adblock tanpa javascript di blogger

Cara membuat widget anti adblock di blogger.

1. Silahkan masuk ke dashboar blogger masing masing.
2. Klik menu theme atau tema.
3. Klik Edit HTML.
4. Silahkan Anda cari kode </head> lalu letakan kode dibawah ini tepat diatas nya.

<script src='https://cdn.rawgit.com/perampokgoogle/AntiAdblock/master/AdblockRampok.js' type='text/javascript'></script>

<style>

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

#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;animation:fadeInUp .5s}

#arlinablock ol{margin-left:20px}

@media(max-width:680px){#arlinablock .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>

Simpan setelan template blogger anda dan lihat hasilnya. Pastikan anda membuka nya dengan mengaktifkan adblock pada browser yang anda gunakan, Oh iya jangan lupa gunakan JQUery jika script diatas tidak jalan dengan semestinya.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

Untuk demo yang sudah saya pasang di blog lain silahkan lihat pada link dibawah ini.

https://kopiblogger.blogspot.com

Baca juga : cara mendaftarkan blog ke white list adblock agar iklan tetap tampil

Bagaimana cara memasang anti adblock pada wordpress?

Nah kalau diwordpress Anda tidak usah repot lagi mengkopi kode diatas karena pada platform wordpress ada banyak sekali pilihan plugins anti adblock yang bisa anda gunakan untuk mencekal visitor yang mengaktifkan adblock saat mengunjungi situs anda.

Beberapa plugins anti adblock terbaik untuk wordpress!

Anda bisa memasang beberapa plugins anti adblock terbaik untuk wordpress dibawah ini. Silahkan di pilih ya sobat rampok.

1. Adblocker Notify
2. Adblock X
3. Block Adblock
4. Simple Adblock Notice
5. Ad Blocking Detector
6. Sorry AdBlocker
7. Monitor AdBlock

Saya rasa cukup sekian dulu ya tutorial mengenai bagaimana cara membuat anti adblock terbaru untuk blogger semoga berguna, Terimakasih ArlinaDesign