Sunday, December 30, 2018

How to Add Pop Ads in Blogger

Admin | December 30, 2018
Hello friends, welcome to the TutBig today I will show you 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.
How to Add Pop Ads in Blogger
Step 2: Now click anywhere in the code and press Ctrl+F find tag, then paste the code in the tag like the given image.
How to Add Pop Ads in 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.

</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://4.bp.blogspot.com/-gqmCHgeS4yI/WJAeuIucjdI/AAAAAAAAEmU/xdFdp6UkMGkP5YQKfPIA6FVkr8rhjh0KQCLcB/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 Add Pop Ads in Blogger

Related Poste

19 comments:

  1. Congratulation to you. I am happy after reading your post that you have posted in this blog. Thanks for this wonderful post and hoping to post more of this.
    Dedicated Server Hosting in Delhi

    ReplyDelete

  2. I found Some best SEO tools named Free SEO Tools and SEO Checklist Tools to do seo of website for free and helping me a lot

    ReplyDelete
  3. smart outsourcing solutions is the best outsourcing training
    in Dhaka, if you start outsourcing please
    visit us: Freelancing training in bangladesh
    Outsourcing training in dhaka
    Outsourcing training in bangladesh

    ReplyDelete
  4. Excellent post. I was reviewing this blog continuously, and I am impressed! Extremely helpful information especially this page. Thank you and good luck. anuncios argentina

    ReplyDelete
  5. We have a gathering of specialists that have wide QB aptitude and data on the most capable strategy to tailor this product to any industry. Having played out various QB data changes and other QB duty, we have the experience that you can rely upon. To get our help, essentially dial the Quickbooks customer service phone number +1-888-403-0506 to get meeting or solicitation our organizations. We will help you with streamlining and improve the bookkeeping, reporting and following so managing your association's assets would be significantly less complex. Also, we confirmation to keep up mystery and raised degree of security while dealing with issues related to QB programming use. Our QuickBooks client organization is available to you at whatever point. Interface with us by using a phone number or email appeared on the Quickbooks Support site. We will be happy to help you with any request concerning QuickBooks you may have. more info see here: https://www.quicktenda.com/

    Our Services: Quickbooks Online Support Number

    Quickbooks Payroll Support Phone Number

    ReplyDelete
  6. Positive site, where did u come up with the information on this posting?I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work. การตลาดออนไลน์

    ReplyDelete
  7. Nice Blog!
    if you hang up with any issues in QuickBooks Get live support 24*7 from QuickBooks expert on tool-free Number.
    Dial QuickBooks payroll support number 1-844-908-0801

    ReplyDelete
  8. Nice Blog!
    if you hang up with any issues in QuickBooks Get live support 24*7 from QuickBooks expert on tool-free Number.
    Dial QuickBooks Support Phone Number 1-844-908-0801

    ReplyDelete
  9. Nice & Informative Blog ! Facing QuickBooks Error 15241? Don’t worry, dial us at 1(844)514-7111 for instant resolution of issues. QuickBooks Error 15241 or Could not initialize license Properties arrives while any of the company files is either missing or damaged.
    Fix QuickBooks Error code 15241

    ReplyDelete
  10. I read your blog post. Excellent information thanks for sharing
    web designing course in chennai

    ReplyDelete
  11. We are well established IT and outsourcing firm working in the market since 2013. We are providing training to the people ,
    like- Web Design , Graphics Design , SEO, CPA Marketing & YouTube Marketing.Call us Now whatsapp: +(88) 01537587949
    : Digital marketing training
    Free bangla sex video:careful
    good post Freelancing Training in bangladesh

    ReplyDelete