How to Add Pop Ads in Blogger to Blogger blog with pictures. I am positive this publish assist you to maximize your earnings but right here you don’t show any Google Adsense advertisements due to the fact when you do Google Adsense ban your account, so examine Google’s Terms and Conditions carefully. Here I am including Hostgator affiliate ads on it.
These are Following Steps:-
Step 1: Open Blogger theme option and click the Edit HTML button.
<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.
I hope you enjoy this post and the photos. How to Add Pop Ads in Blogger
</script>Step 4: Now open the Blogger blog.
<!--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/AVvXsEiF_I6RcqHBWbBDIgHHKUUTmnZWII2wmQ-0m2hYd2s_QzSjGWcEQEOr9cL3_qFwFwEqhYEx8zOGjvfBnsmJkX3MDFSOa6EeWzqiTRlgTs74tdgG9hkhyO7U2bIPfuZ4icMeRO2V1J97glA/s1600/close.gif'/></a>
Here paste your 300x250 banner ad code
</div>
</div>
<!--Splash Popup Ads End-->
I hope you enjoy this post and the photos. How to Add Pop Ads in Blogger
0 Comments: