MASIGNCLEAN101

Website Me Popup Ads Kaise Lagaye || How To Add Pop Up Post In Blogger

नमस्कार दोस्तों ,
आज हम इस पोस्ट में पॉपअप बॉक्स लगाना सीखेंगे की आप अपने ब्लॉग वेबसाइट पर कैसे पॉपअप बॉक्स लगा सकते है 
POPUP BOX HTML CODE


  • ब्लॉग पोस्ट में  ADS कैसे लगाए ?
  • वेबसाइट में पॉपअप एडसेंस कैसे लगाए ?
  • वेबसाइट पर पॉपअप बॉक्स कैसे add करे ?
वीडियो देखे

    

POPUP BOX HTML CODE 
अगर आप चाहते है की आप अपने किसी भी पोस्ट पर POPUP ADS लगाना तो नीचे दिए गए कोड को अपने ब्लॉग पोस्ट में जोड़े 

<div class="hidden modal" id="popup">

<center><script type="text/javascript">
    atOptions = {
        'key' : '66a29483ca3f742291640dbe4bc35402',
        'format' : 'iframe',
        'height' : 250,
        'width' : 300,
        'params' : {}
    };
    document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.effectivecreativeformats.com/66a29483ca3f742291640dbe4bc35402/invoke.js"></scr' + 'ipt>');
</script></center>
<p></p>

  <div class="modal-footer">

               <center><button class="btn btn-default" data-dismiss="modal" id="close" type="button">Close</button></center>

      </div>

</div>

 

<style>

#popup {

  display: inline-block;

  opacity: 0;

  position: fixed;

  top: 20%;

  left: 50%;

  padding: 1em;

  transform: translateX(-50%);

  background: #fff;

  border: 1px solid #888;

  box-shadow: 1px 1px .5em 0 rgba(0, 0, 0, .5);

  transition: opacity .3s ease-in-out;

  z-index:99999;

}

 

#popup.hidden {

  display: none;

}

#popup.fade-in {

  opacity: 1;

}

</style>

<script>

window.onload = function () {

  /* Cache the popup. */

  var popup = document.getElementById("popup");

 

  /* Show the popup. */

  popup.classList.remove("hidden");

 

  /* Fade the popup in */

  setTimeout(()=>popup.classList.add("fade-in"));

 

  /* Close the popup when a city is selected. */

  document.getElementById("close").onclick = function () {

     /* Fade the popup out */

     popup.classList.remove("fade-in");

    

     /* Hide the popup. */

     setTimeout(()=>popup.classList.add("hidden"), 300);

  };

};

</script>
ब्लॉग पोस्ट HTML CODE
<a href="Post URL" target="_blank"> 

<image src=" image URL " alt=”   ” > </a>

 <h2> <p style="color:black;"> Post Title
 <a href=" link ”  target="_blank" >

</a>  </p>  </h2>

यदि आपको HTML CODE ADD करने में समस्या आ रही है तो वीडियो देखे कैसे हम ने आपको पॉपअप बॉक्स लगाना सिखाया है 


Click for comments 1 Comment:

  1. Sir Copy krne ka option nhi arha h select all to ho ja rha h but Copy ka option nhi arha h

    ReplyDelete