Membuat popup di web kampus seperti members area phpmu ini

Assalam,.. ini gan tinggal tambahkan modal box :
<?php 
echo "<div class='modal fade' id='myModal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel'>
  <div class='modal-dialog' role='document'>
    <div class='modal-content'>
      <div class='modal-header'>
        <button type='button' class='close' data-dismiss='modal' aria-label='Close' id='sub-button'><span aria-hidden='true'>×</span></button>
        <h4 class='modal-title' id='myModalLabel'>Klik Tombol Like / Suka ya</h4>
      </div>
      <div class='modal-body'>
      <center>
        <div class='fb-page' data-href='https://www.facebook.com/pehapemu/' data-tabs='timeline' data-width='500' data-height='355' data-small-header='false' data-adapt-container-width='true' data-hide-cover='false' data-show-facepile='true'><blockquote cite='https://www.facebook.com/pehapemu/' class='fb-xfbml-parse-ignore'><a href='https://www.facebook.com/pehapemu/'>phpmu.com</a></blockquote></div>
      </center><br>
      </div>
    </div>
  </div>
</div>";
?>
 
Dan agar popup terbuka saat pertama kali load halaman  
dan jika di klik close maka tidak akan muncul dalam 24 jam ini scriptnya :
<script type="text/javascript">
  $(document).ready(function(){
    if(!Cookies.get('hide')){
        $(window).load(function(){
            $('#myModal').modal('show');
        });
    }
 
    $("#sub-button").click(function () {
        Cookies.set('hide', true, { expires: 1 });
    });
  });
</script>
 
Semoga bermanfaat,.. :)

Assalam,.. Oo ya jangan lupa di include juga bootsrap css dan js nya, karena ini menggunakan bootsrap..
kita lampirkan filenya dibawah ini.
 

Assalam,.. 
yang modal box ini d tempatkan di template.php?

Assalam,.. 
sama bootstrap css dan js nya d truh mana ya mas?
 

Assalam,.. bootstrap.css dan js nya tempatkan di asset/css/bootstrap.css dan  asset/js/bootstrap.js
pemanggilannya dari file template.php, seperti ini :
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>asset/css/bootstrap.css">
<script type="text/javascript" src="<?php echo base_url(); ?>asset/js/bootstrap.js"></script>
 
script ini juga tempatkan pada template.php di atas tag </body> :
<script type="text/javascript">
  $(document).ready(function(){
    if(!Cookies.get('hide')){
        $(window).load(function(){
            $('#myModal').modal('show');
        });
    }
 
    $("#sub-button").click(function () {
        Cookies.set('hide', true, { expires: 1 });
    });
  });
</script>

Assalam,.. 
maaf mas, msih belum bisa muncul popup nya..
apa saya naruh modal boxnya yg salah?
lebih tepatnya dmna ya mas buat naruh script modal boxnya?
maaf merepotkan mas,, :)

Assalam,.. coba share file template.php yang sudah masnya setting disini,
saya coba lihat kesalahannya, sekalian di info juga dimana ditempatkan file bootstrap.css dan bootstrap.js nya.

Assalam,.. 

Assalam,.. 
ini gambar file bootstrap css dan js nya

Assalam,.. oke coba ubah ini :
<script type="text/javascript">
  $(document).ready(function(){
    if(!Cookies.get('hide')){
        $(window).load(function(){
            $('#myModal').modal('show');
        });
    }
 
    $("#sub-button").click(function () {
        Cookies.set('hide', true, { expires: 1 });
    });
  });
</script>
 
Menjadi seperti ini :
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.1.1/ekko-lightbox.js"></script>
<script type="text/javascript">
  $('.horizon-swiper').horizonSwiper();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.2/js.cookie.js"></script>
<script type="text/javascript">
    $(document).on('click', '[data-toggle="lightbox"]', function(event) {
        event.preventDefault();
        $(this).ekkoLightbox();
    });
 
    $(document).ready(function(){
      if(!Cookies.get('hide')){
          $(window).load(function(){
              $('#myModal').modal('show');
          });
      }
 
      $("#sub-button").click(function () {
          Cookies.set('hide', true, { expires: 1 });
      });
    });
</script>

Assalam,.. 
untuk mengganti konten popup nya dengan gambar gmna ya mas?
tolong koreksinya

Assalam,.. tinggal ganti source fans page FB Likes :
<div class='fb-page' data-href='https://www.facebook.com/pehapemu/' data-tabs='timeline' data-width='500' data-height='355' data-small-header='false' data-adapt-container-width='true' data-hide-cover='false' data-show-facepile='true'><blockquote cite='https://www.facebook.com/pehapemu/' class='fb-xfbml-parse-ignore'><a href='https://www.facebook.com/pehapemu/'>phpmu.com</a></blockquote></div>
 
Ubah Menjadi :
<img scr='".base_url()."asset/folder_gambar/nama_gambar.jpg'>

Assalam,.. 
alhamdulillah..sudah bisa mas
terimakasih..