I'm Sure this post help you to maximize your Blogger Earnings, But Don’t Try this Trick to any Google Adsense Ads, Because when you try this for Google Adsense ads then Google will ban your Adsense account,
So read Google’s Terms & Conditions Carefully. Here I am using Hostgator affiliate ads on Floating Pop Up.
These are The 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.
$(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/AVvXsEh4ZectwS-wY1pK0FWPO4Hq5V5it07911ej4f1y4hLNIxPnSA67-JFZxX8DwXftfcTWzLTIW_ourc7bigeMRKhrFl8K126StM6wdJqgPE0WDi_j3uoX6HqM9ER2E4DPOTyf3ebh-qOo9UA/s1600/close.gif'/></a>
Here paste your 300x250 banner ad code
</div>
</div>
<!--Splash Popup Ads End-->
Step 4: Finally, Visit your Blog & Check Whether it's Working (or) Not.