Download WordPress Themes
Free Download WordPress Themes
Free Download WordPress Themes
Free Download WordPress Themes
udemy free download
download samsung firmware
Download Premium WordPress Themes Free
download udemy paid course for free

How to Add Responsive Popup Splash Ads to Blogger

Shared Hosting with Namecheap. Free .Website domain & WhoisGuard
0
Subscribe to our newsletter

Want to earn more with Google Adsense add responsive pop splash ads to blogger. Since the existence of Google Adsense, it has served as the best monetization tools to earn extra bucks with your blog.

Today i will show you how to Add Responsive Popup Splash Ads to Blogger, to increase your ads earnings be it adsense or other ads network.

Follow the step by step guide below to successful add responsive pop splash ads to blogger.

Add Responsive Popup Splash Ads to Blogger

Step 1: Log in to your Dashboard

Step 2: Go to Layout –> Edit HTML

Step 3: Click any where inside the code area and to open a search box type CTRL+F from keyboard.

Step 4: Type or paste following code into the search box and hit enter.

</body>

Step 5: Now Copy following code and paste it before the above line:

Code:

[<script>
$undefineddocument).readyundefinedfunctionundefined$) {
$undefined’.cb_splash_ads .close’).clickundefinedfunctionundefinedevent) {
event.preventDefaultundefined);
$undefined’.cb_splash_ads’).slideUpundefined’slow’);
});
});$undefinedwindow).loadundefinedfunctionundefined){
setTimeoutundefinedfunctionundefined){
$undefined’.cb_splash_ads’).slideUpundefined’slow’);
},3000);
});
</script>]

Step 6: Again search following code:

<body>

Step 7: Now Copy following code and paste it below the above line:

Code:
[<!–Splash Popup Ads Start–>
<style>
/*********************************
** Name: Blogger Popup Splash Ads
** Created By: www.thebloggertricks.com
*********************************/
.cb_splash_ads {
background-color: rgbaundefined0,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 undefinedmax-width:768px){
.cb_splash_ads .pop {margin-top:25%;}
}
@media only screen and undefinedmax-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://4.bp.blogspot.com/-gqmCHgeS4yI/WJAeuIucjdI/AAAAAAAAEmU/xdFdp6UkMGkP5YQKfPIA6FVkr8rhjh0KQCLcB/s1600/close.gif’/></a>
Paste your 300×250 Adsense ad code
</div>
</div>
<!–Splash Popup Ads End–>]
Customization:

Step 8: Replace Paste your 300×250 Adsense ad code with your Google Adsense 300×250 banner ad code.

Step 9: Click on Save template and you are done=>You can also change the Automatic closing time limit, By Changing 3000 value from the above javascript code

=>If do love your visitors to manually close the Popup ads by clicking on the close icon. Kindly remove the following code from the above javascript code.

$(window).load(function(){
setTimeout(function(){
$(‘.cb_splash_ads’).slideUp(‘slow’);
},3000);
});
That is all on How to Add Responsive Popup Splash Ads to Blogger , Hope you enjoyed Reading it. Wish you all the Best. Do not forget to like our facebook Page.

80%
Awesome
  • Design
Subscribe to our newsletter
Subscribe to our newsletter
Sign up here to get the latest news, updates and special offers delivered directly to your inbox.
You can unsubscribe at any time

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. AcceptRead More

>
Need Help? Chat with us