How to Add Floating Pop Up Ads to Blogger with Pictures

by Kings 11 on July 22, 2019 in Adsense Help

Hello friends, welcome to the COOLZTRICKS today I will show you how to add floating pop up ads to Blogger blog with pictures.

I am sure this post help you to maximize your earnings but here you don’t show any Google Adsense ads because when you do Google Adsense ban your account, so read Google’s Terms and Conditions carefully. Here I am adding host-gator affiliate ads on it.

These are Following Steps:-

Step 1: Open Blogger theme option and click Edit HTML button.

Step 2: Now click anywhere in the code and press Ctrl+F find </body> tag then paste the code in the </body> tag like given image.

<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>

Step 3: Again press Ctrl+F this time we find <body> tag and paste the II code blew the <body> tag.

<!--Splash Popup Ads Start-->
<style>
.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: 300px;
}
.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/AVvXsEjm597zov_Ugi7hQhaq_P9v-TkBFHqt_k5zipxD2zvr8CaWIPMJXMmOBMkMrnpGpuAvTIYLle3kDhaHZDKcoq7xKdJNhjMga6rCWIG3Y_FLntdT9yEMybMNID9Y9b5EgvW17L2Aq1x_mgQ/s1600/close.gif'/></a>

Here paste your 300x250 banner ad code

</div>
</div>
<!--Splash Popup Ads End-->