Pari Digital Marketing

success behind you

Breaking

Amazon Summer Offers - Get 80% Discount

Friday 1 May 2020

How To Make Floating Pop Up Ads To Blogger Look Amazing

Stay Safe Wear Mask, Protect Your Self from COVID-19 Thanks For Visit My Website
How To Make Floating Pop Up Ads To Blogger Look Amazing
हैल्लो ब्लॉगर ,
मेरे इस ब्लॉग में आपका स्वागत है।  इस पोस्ट में हम आपको बतायेगे कि आप अपने ब्लॉग में How to insert Floating  Pop Up Ads in Blogger. आप बहुत आसानी से Pop Up Ads को ब्लॉगर में add कर अच्छा खासा लुक देख सकते हो। 
How To Make Floating Pop Up Ads To Blogger Look Amazing

Blogger me Floating Pop Up Ads Kaise Lagaye
आप अपने ब्लॉग में फ्लोटिंग पॉप अप एड्स को बहुत आसानी से जोड़ने के लिए निचे बताये गए स्टेप को फॉलो करे। 

Step to Add Floating Pop Up Ads in Blogger

Step 1:- आप अपने ब्लॉगर में Theme section लो ओपन करे और Edit Theme पर क्लिक करें।

How To Make Floating Pop Up Ads To Blogger Look Amazing

Step 2:- अब थीम के Code में कही पर एक बार क्लिक करे। और CTRL+F दबाये Search Box में </body> सर्च करे और निचे दिए गए Code को </body > के ऊपर Paste करें।

<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:- अब फिर से थीम के Code में कही पर एक बार क्लिक करे। और CTRL+F दबाये Search Box में <body सर्च करे और निचे  दिए गए Code को <body के निचे  Paste करें।

<!--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/AVvXsEi1aPP77NzQuc-s6_m_-y1ZXazWUZcVlcEpf4CStTmH4VlZ9vn9LbVwusWxNEmbXpIHrtzPrlRax4d0DMAp2Jhilrd1p685Yhko9PgNi3oLTB0LqMwSKo0L3raWpCBl0gYgmioKJSvOfTY/s1600/close.gif'/></a>

Here paste your 300x250 banner ad code

</div>
</div>
<!--Splash Popup Ads End-->
Step 4:- अब आप Here Paste Your 300x250 Banner ad Code की जगह अपना banner code Paste करें 
Step 5:- Save Theme पर क्लिक करके Theme को Save करें

आपको यह पोस्ट कैसी लगी कमेंट में जरूर बताये और कोड लगाने के बाद कोई समस्या हो तो कमेंट बॉक्स में जरूर बताये 

2 comments:

New For You Open It

Popular Posts

WooCommerce