Membuat Pop up di html

untuk menampilkan tampilan pop up bisa dipasang di home atau lainnya. Biar lebih mudah ini skrip untuk menyisipkan pop up nya. Cek di href dan src sesuai fungsinya, biar ga kelamaan silakan di copy skrip berikut:

 <script type="text/javascript">lightBoxClose = function() {

  document.querySelector(".lightbox").classList.add("closed");

}</script>




<style type="text/css">

  body {

  margin: 0;

  background-color: #Fff;

}

.lightbox {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(0, 0, 0, .5);

  z-index: 100000000000;

}

.toolbarLB {

  text-align: left;

  padding: 3px;

}

.closeLB {

  color: yellow;

  cursor: pointer;

}

.lightbox .iframeContainer {

  vertical-align: middle;

  background: #191919;

  padding: 2px;

}

.lightbox.closed {

  display: none;

}

</style>




<!-- the actual interesting bit -->

<div class="lightbox">

  <div class="iframeContainer">

    <div class="toolbarLB">

      <span class="closeLB" onclick="lightBoxClose()">X [KELUAR]</span>

    </div>

    <a target="_blank" href="#"><img src="#" alt="Image " style="height:20%"></a>




     

    <div  style="background-color: #191919;" align="center" >

       




      <a href="#" target="_blank"><img src="#" alt="Image " style="height:20px"></a>




    </div>

    

  </div>

</div>

</style>