Membuat Pop Up Saat website Web Portal dibuka.

Assalam, mohon maaf sekali baru respon, sepertinya topic ini terlewat jawabnya ,.. :D
untuk menambahkan button close tinggal dibuat gini :
<button class='close'>close</button>
 
tempatkan di dalam <div id="dialog" class="window">  // Disini </div>
simpan dan selesai,...

Walaikumsalam gak papa mas  Robby Prihandaya. Mohon maaf mas, kalo itu sukses. tapi ketika saya klik tombol close kemudian saya buka menu web yang lain pop up itu muncul lagi. saya ingin seperti pop up PHPMU ini jika di klik close kemudian saya klik menu yang lain di web gak muncul lagi pop upnya

Itu saya set pake cookie mas, jadi pop up nya cuma muncul 1 kali saja dalam 1 hari,..
jika sudah diklik button close maka pop up akan muncul 24 jam setelah di close, caranya gini :
 
<script type="text/javascript">
    $(document).ready(function(){
      if(!Cookies.get('hide')){
          $(window).load(function(){
              $('#boxes').modal('show');
          });
      }
 
      $(".window").click(function () {
          Cookies.set('hide', true, { expires: 1 });
      });
    });
</script>

Implementasikan di sini gmn mas
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.2/js.cookie.js"></script>
    <script type="text/javascript">
    	$(document).ready(function() {	
    	var id = '#dialog';
 
    	//Get the screen height and width
    	var maskHeight = $(document).height();
    	var maskWidth = $(window).width();
 
    	//Set heigth and width to mask to fill up the whole screen
    	$('#mask').css({'width':maskWidth,'height':maskHeight});
 
    	//transition effect
    	$('#mask').fadeIn(500);	
    	$('#mask').fadeTo("slow",0.9);	
 
    	//Get the window height and width
    	var winH = $(window).height();
    	var winW = $(window).width();
 
    	//Set the popup window to center
    	$(id).css('top',  winH/2-$(id).height()/2);
    	$(id).css('left', winW/2-$(id).width()/2);
 
    	//transition effect
    	$(id).fadeIn(2000); 	
 
    	//if close button is clicked
    	$('.window .close').click(function (e) {
 
    	//Cancel the link behavior
    	e.preventDefault();
 
    	$('#mask').hide();
    	$('.window').hide();
    	});
 
    	//if mask is clicked
    	$('#mask').click(function () {
    	$(this).hide();
    	$('.window').hide();
    	});
 
    	});
    </script>

Tinggal masukkan saja script berikut di atas tag </body> mas :
<script type="text/javascript">
    $(document).ready(function(){
      if(!Cookies.get('hide')){
          $(window).load(function(){
              $('#boxes').modal('show');
          });
      }
 
      $(".window").click(function () {
          Cookies.set('hide', true, { expires: 1 });
      });
    });
</script>