Cara Memasang Adblock di Blog

Cara Memasang Adblock di Blog

Adanya Adblock merupakan hal yang sangat meresahkan para blogger sebab dengan menggunakan Adblock dapat menangkal segala iklan di situs yang dikelola oleh kita dan beberapa browser menyediakan ekstensi tersebut diantaranya UC browser, FireFox, Chrome, safari dan browser lainnya.

Pada kesempatan kali ini saya akan membagikan kepada sobat untuk Memasang Adblock Killer pada blognya tentu ini sangat dikatakan wajib, karena hal ini demi kelangsungan penghasilan sobat. Dengan menggunakan cara ini dapat membuat menjadi pengingat untuk pengunjung blog sobat, dan sebagian besar pengunjung sangat tidak suka dengan iklan yang banyak macam Tr**un.

Jadi bagi kalian publisher Adsense harap untuk membuat iklan yang tidak terlalu banyak :v

Cara Memasang Adblock di Blog

Pertama buka Blog > klik Tema > klik Edit HTML kemudian tambahkan kode CSS dibawah ini tepat sebelum </style> atau ]]></b:skin>

/* Adblock */
#pintarblock{background:rgba(0,0,0,0.45);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#pintarblock .header{margin:0 0 15px 0}
#pintarblock .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}
#pintarblock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#pintarblock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#pintarblock button.active,#pintarblock button:hover.active{background:#fff;color:#222;outline:none}
#pintarblock .caranya{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#pintarblock .caranya div{display:none}
#pintarblock .caranya div.active{display:block;animation:fadeInUp .5s}
#pintarblock ol{margin-left:20px}
@media(max-width:680px){#pintarblock .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)}}

Kedua tambahkan kode link JS dibawah ini sebelum </head> atau </body>

<script src='https://cdn.jsdelivr.net/gh/CodingT4/[email protected]/Js/pintaradblock.js' type='text/javascript'/>

Terakhir sobat Simpan tema dan lihat hasilnya.

Setelah menggunakan cara diatas semoga dapat mengatasi para Adblock di blog sobat

Leave a Comment