How to Add Pop Ads in Blogger
Hello friends, welcome to Make money Tutorials today, I'm going to show you how to add pop ads in Blogger.
This method helps you maximize your income when you use it to run affiliate ads.
Please do not use this method with any Google Adsense advertising due to the fact that Google Adsense bans your account.
These are the following steps:
Step 1: Open the Blogger Theme option to modify the HTML codes.
Step 2: Now click anywhere in the code and press Ctrl + F to find the tag, then paste the code above the </body> tag and add the code below
<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: Press Ctrl + F again this time, we find the <body> tag and paste the code II blew up the <body> tag.
</script>
<!--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/AVvXsEiczLSHuvJMDECr8SJpbDieZComEwo7I4pyHFzT8qlLdlYKWLzwHCLgXNo1yVED4gIFo1uTTAL9XCSzbe7sq976eEmWkl_yjnKM3_at9VtxJYPthyS5HJZ8wFvo-7LKZcM3AhKh81msaI0/s1600/close.gif'/></a>
Here paste your 300x250 banner ad code
</div>
</div>
<!--Splash Popup Ads End-->
