Membuat Pop Up Sederhana di October CMS

langsung aja scriptnya dan ss nya saya tampilkan pada post ini !
yang pertama

ditaruh di atas scriptnya /home.htm

{% put scripts %}
    <script src="{{ [
        'assets/javascript/hengki/popup.js',
        'assets/javascript/hengki/popup.css',
    ]|theme }}"></script>
{% endput %}

Sekarang masukan lagi script di bawah ini untuk html nya ..

<!---popup-->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" id="myModal">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
       <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
         </button>
      </div>
      <div class="modal-body">
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh36mnQrFW-C_vaJQcerOEpj-Toke6b2psOUpyaDk6zS26zzMAy8fkPSi_dxkLTmKE0NDSUloYpAwmwyYRWkV8H1dY5UXwXxWTIwYcjzZfCohV9AIMRhPtB5w04LehYqeGK_UXYpSjd2cAb/s1600/SPACE-PROMOTE-600X400-PIXEL.png" alt="Judul"/>
        <center>Selamat Datang di Website Resmi Eramart<br>
        Bagi yang baru mengunjungi website kami eramart Group Mengucapkan Terimakasih<br>
        Jangan Lupa untuk info seputar promo kami update di tiap minggunya.</center>
        </div>
        <div class="modal-footer">
        <button type="button" class="btn btn-primary"
        data-dismiss="modal">close</button>
        </div>
    </div>
  </div>
</div>
<!--popupend-->

Sekarang tinggal edit yang mau di rubah yang mana . kurang jelas coment aja di bawah post ini . terimakasih.

Comments