Cara Pasang Iklan PopUp Banner Di Blogspot

Banyak yang bilang iklan PopUp "berbahaya" untuk Adsense, hal itu saya akui karena saya pernah cobanya dan dapat teguran oleh Google. Tak hanya sampai disitu, hari ke hari saya mencoba melakukan eksperiment, kenapa pasang iklan melayang dengan tomblol close yang banyak ditulis blogger Indonesia itu berbahaya? jawabannya cuma satu yaitu karena "Transparan". Transparan yang dimaksud disini adalah cuma iklan yang melayang di dalam blog tanpa background.

Pada dasarnya, Google memberikan kita iklan mobile yang biasanya kita lihat di atas tombol smartphone, dan itu juga mempunyai background biru atau hitam. Dan dari sana saya mempunyai kesimpulan kalau iklan itu harus mempunyai background.

Pada awalnya saya mencari tampilan iklan PopUp banner kelilingi blogger lainnya, dan ketika saya mendapatkannnya, ternyata iklan tersebut hanya untuk PC dan kepotong di Mobile.

Pada akhirnya saya berkeliling ke blogger luar negeri dan saya menemukannnya dan hanya butuh sedikit perbaikan. Berikut cara pasangnya:

Silahkan cari </body>, dan tempelkan kode dibawah di atasnya:

<script>
    $(document).ready(function($) {
        $('.cb_splash_ads .close').click(function(event) {
            event.preventDefault();
            $('.cb_splash_ads').slideUp('slow');
        });
    });
    $(window).load(function(){
        setTimeout(function(){
            $('.cb_splash_ads').slideUp('slow');
        },3000);
    });
</script>

Silahkan simapan template!

Untuk selanjutnya, silahkan pergi ke tata letak dan tempelkan kode dibawah ini pada Script/Html dan simpan.

<!--Splash Popup Ads Start-->
<style>
/*********************************
** Name: Blogger Popup Splash Ads
** Created By: www.codiblog.com/rendychaniago.com
*********************************/
.cb_splash_ads {
    background-color: rgba(0,0,0,0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.cb_splash_ads .pop {
    background-color: #fff;
    margin: 10% auto 0;
    padding: 5px;
    position: relative;
    max-width: 350px;
}
.cb_splash_ads .pop img {
    width: 100%;
 vertical-align: middle;
}
.cb_splash_ads .close {
    opacity: 1;
    position: absolute;
    right: -9px;
    top: -9px;
}
.cb_splash_ads .close img {
    height: 32px;
    width: 32px;
}
@media only screen and (max-width:768px){
    .cb_splash_ads .pop {margin-top:25%;}
  }
@media only screen and (max-width:320px){
    .cb_splash_ads .pop {margin: 25% 3% 0;}
  }
</style>
<div class='cb_splash_ads'>
  <div class='pop'>
 <a class='close' href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy0KasPb92TBd2GT1xTTUmUtNwI8PWfcjwM0fd5sW2Gb_s-i4Z5qz_WbTZWjEy1I4Q1w6ph-Gwo0gEMQaJo1_yr-mPbN5-8H8Vn9JPyVAouRHyVdMZWx68efOdHYS7Ai-CWyLEB4twuRw/s1600/close.gif'/></a>
---Kode Iklan Disini---
  </div>
</div>
<!--Splash Popup Ads End-->

Simpan! selamat mencoba!

Share this post