How To Make Your Floating Pop Up Ads To Blogger

How To Make Your Floating Pop Up Ads To Blogger

Date:
Genres:Welcome to the Post Link Sharing today I will show you  How to Add Floating Pop up Ads to Blogger…

 Welcome to the Post Link Sharing 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 Hostgator affiliate ads on it.


These are Following Steps:- 

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

How To Make Your Floating Pop Up Ads To Blogger

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.

How To Make Your Floating Pop Up Ads To Blogger

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

How To Make Your Floating Pop Up Ads To Blogger

<!--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'>
<class='close' href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoG09j2CSRQJPIuIpCrCJ3fCxx1DgxQAqLPYOMLRIWzO1q3UHzdkEBXKkSWBfwkUPInLRjcY7-44dKmR9Vp-2J4fnzhRd4vtN3AR4lDpjCVh8Oy9iWDnEyL9EHRiDzH22X5jXcNU5nK1E/s1600/close.gif'/></a>

Here paste your 300x250 banner ad code

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

Step 4: Now open the Blogger blog. 

I hope you enjoy this post and the photos. How To Make Your Floating Pop Up Ads To Blogger

0/Post a Comment/Comments

Previous Post Next Post
PopAds.net - The Best Popunder Adnetwork