Cara Memasang Anti AdBlock di Blogger Dengan Mudah

NgeBlog Kuy! - Pada kesempatan kali ini saya akan memberikan cara agar iklan Anda tidak di block oleh AdBlock, yahh siapa yang kesal kalau iklan Anda diblock atau tidak tayang oleh AdBlock tersebut, padahal dari iklan tersebut itulah Anda bisa mendapatkan penghasilan nya. Berikut ini adalah kode-kode untuk Anti-AdBlock ikuti langkah-langkah berikut ini dengan benar.

• Copy kode dibawah ini, dan pastekan diatas kode

#hilang{
    padding:0;
    position:fixed;
    bottom:0;
    opacity:0;
    height:auto;
    transition:all .6s cubic-bezier(.25,.8,.25,1);
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    backface-visibility:hidden;
    transition:all .2s ease-in-out,visibility 0s;
    transform-origin:bottom center;
}
.hilangkan{
    background:#000;
    color:#fff;position:
    absolute;text-align:center;
    padding:0 30px 30px 30px;
    margin:auto;
    top:30%;
    left:0;
    right:0;
    font-size:1.5rem;
    line-height:1.5;
    font-family:monospace;
    max-width:550px;
    box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);
    transition:all .6s cubic-bezier(.25,.8,.25,1);
    border:15px solid rgba(0,0,0,.07);
    overflow:hidden;
}
.hilangkan:hover{
    box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);
}
.hilangkan h4{
    display:inline-block;
    background:rgba(0,0,0,.07);
    padding:5px 25px 15px 25px;
    font-size:2.2rem;
    margin:0 auto
}
#hilang p{
    margin:0
}
#hilang a{
    color:#ffe88b;
}
#hilang a:hover{
    color:#ffe88b;
    text-decoration:underline
}
#hilang.show{
    left:0;
    top:0;
    right:0;
    z-index:1000;
    pointer-events:auto;
    opacity:1;
    visibility:visible;
    transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    animation:wobble .7s;
    opacity:1;
}
.tutup{
    visibility:hidden;
    opacity:0;
    color:#ffe88b;
    text-align:center;
    position:absolute;
    bottom:10px;
    right:10px;
    font-size:42px;
    cursor:pointer;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:100%;
    transition:all .6s cubic-bezier(.25,.8,.25,1);
    transform:translate(0,50px);
}
.tutup:hover{
    color:#fff;
    transform:scale(1.0);
}
.hilangkan:hover .tutup{
    visibility:visible;
    opacity:1;
    color:#ffe88b;
    transform:translate(0,0);
}
#hilang p span {
    font-family:fontawesome;
    font-size:5rem;
}
@keyframes wobble{
    0%{transform:scale(0) rotate(-54deg) translatey(40px)}
    45%{transform:scale(1.1) rotate(20deg) translatey(0px)}
    60%{transform:scale(1) rotate(-15deg) translatey(0px)}
    77%{transform:scale(1) rotate(10deg) translatey(0px)}
    100%{transform:translatey(0)}
}

• Copy kode dibawah ini , dan pastekan dikode <footer> atau <div id="footer"> atau <div id="footer-wrapper"> atau bisa juga di bawah </footer> atau </div> paling terakhir

Baca juga : Cara Membuat Contact Form Simpel Pada Blog

<div id='hilang'>
    <div class='hilangkan'>
        <p>
            <h4>AdBlock Terdeteksi</h4>
        </p>
        <p>
            <span>
                <img src="https://advandeo.com/wp/wp-content/uploads/2016/06/adblock_news_article_img_03.png"/>
            </span>
        </p>
        <p> Mohon untuk tidak mengaktikan AdBlock </p>
        <div class='tutup' onclick='sembunyikan()'>&#215;</div>
    </div>
</div>

• Kemudian pastekan kode ini di atas kode </body>

<div style="border: 3px #eeeeee solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 100px; width: 520px;
text-align: left;">
.kode script disini.</div>

Jika langkah-langkah diatas sudah Anda pasang, coba Anda aktifkan AdBlock Anda, jika Anti-AdBlock muncul, berarti Anda sukses memasang nya pada blog atau website Anda.

Tweet

Subscribe to receive free email updates: