Bagaimana cara untuk Membuat pop up / modal pada Toko Onlinemu

Assalam,.. pertama tambahkan css ini :
<style type="text/css">
.jqbox_innerhtml {
    position: fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 500px
    padding: 10px;
    background-color: #FFF;
    border: 5px solid #CCC;
    z-index: 200;
    box-shadow: #000 0 2px 18px;
}
</style>
 
lalu js berikut ini :
<script>
$(document).ready(function(){
$('.close_banner').on('click', function() {
  $(".jqbox_innerhtml").fadeOut(500);
});
});
</script>
 
lalu kode script untuk modal/pop up nya saya ambil dari iklan tengah datanya :
<?php 
  $iklanatas = $this->db->query("SELECT * FROM iklantengah ORDER BY id_iklantengah ASC LIMIT 1,1");
  foreach ($iklanatas->result_array() as $b) {
  $string = $b['gambar'];
  if ($b['gambar'] != ''){
    echo "<div class='jqbox_innerhtml hidden-xs'>
      <a class='btn btn-xs btn-danger btn-block close_banner' style='margin-bottom:3px' href='#'><span class='glyphicon glyphicon-remove'></span> Close</a>";
    if(preg_match("/swf\z/i", $string)) {
      echo "<embed src='".base_url()."asset/foto_iklantengah/$b[gambar]' quality='high' type='application/x-shockwave-flash'>";
    } else {
      echo "<a href='$b[url]' target='_blank'><img style='width:100%' src='".base_url()."asset/foto_iklantengah/$b[gambar]' alt='$b[judul]' /></a>";
    }
    echo "</div>";
  }
  }
?>
 

Assalam,.. tks ya om.... saya cobain.... 

Assalam,.. oiya om... narok scriptnya ini dimana? mohon pencerahannya lagi om.....

Assalam,.. boleh ditempatkan di satu file saja semuanya gan di :
application/views/phpmu-one/template.php

Assalam,.. Om sorri Kok Nongolnya ada error ya.... mohon petunjuknya lagi om.... tks
Tampilan errornya seperti pada gambar om....