These are Following Steps:-
Step 1: Open Blogger theme option and click Edit HTML button.
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>
$(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/AVvXsEgTWVXDUoFLcxzQ0DEc-I0SdPgW7RPrzmL22v-NQ73GMPzUL53ZZlGskCKWSyRvHebcqNLq26EoVL1c6D3PdMhy0CRQ0zHd-rqYR5y6Kgx5P6pk2kEicK4Kfiop-iWKdcUNi82R77zQgB8/s1600/close.gif'/></a>
Here paste your 300x250 banner ad code
</div>
</div>
<!--Splash Popup Ads End-->
<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/AVvXsEgTWVXDUoFLcxzQ0DEc-I0SdPgW7RPrzmL22v-NQ73GMPzUL53ZZlGskCKWSyRvHebcqNLq26EoVL1c6D3PdMhy0CRQ0zHd-rqYR5y6Kgx5P6pk2kEicK4Kfiop-iWKdcUNi82R77zQgB8/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. If any problem comment it.
I hope you enjoy this Post. If any problem comment it.
No comments:
Post a Comment