Wednesday, November 29, 2017

Cara Membuat PopUps Website Keren Responsive

Cara Membuat PopUps Website Keren Responsive

Kali ini saya akan Share tentang PopUps yang keren untuk website kalian,
Bagi yang sering menggunakan notif, ini sangatlah cocok untuk kalian

Pop Ups - Merupakan salah satu metode untuk sebuah website atau tampilan laman membentu sebuah tampilan yang kedua namun melayang diatas tampilan utama dari laman website, PopUps paling banyak digunakan untuk iklan mereka. karena dengan Pop Ups maka iklan lebih terlihat dan jadi perhatian para visitor yang mengunjungi website anda, maka kemungkinan iklan di klik akan semakin besar pada website anda.

Dan tampilannya seperti diatas atau dibawah ini :

Gambar tampilan Pop Ups

Animasi Pop Ups

Bagaimana ?
Keren kan? hehe...

Bahan : KLIK DISINI

Aler.Css
Alert.Js

Setelah download, kedua script diatas jadikan satu folder di website
Kemudian Edit file website kalian index/apapun itu yang ingin kalian beri PopUps seperti diatas dengan cara :


<!-- bagian popup -->
 <div class="popup">
 <div id="box">
 
        <!-- This is what you need -->
           <script src="Folder_Tempat_Script_Kalian/Alert.js"></script>
           <link rel="stylesheet" href="Folder_Tempat_Script_Kalian/Alert.css">
        <!--.......................-->
 
 <ul class="JCFT">
 <li class="success">
  <div class="ui">
   <p>A success message!</p>
   <button>Click Here</button>
  </div>
  
 </li>
</ul>

<script>
document.querySelector('ul.JCFT li.success button').onclick = function(){
 swal("THANKS YOU!", "Thanks to Visit!", "success");
};
</script>

 </div> 
 </div>
<!-- akhir dari popup -->

Semoga Artikel saya ini dapat bermanfaat bagi kalian yang mencari Cara Membuat PopUps Keren
Apabila ada kekurangannya mohon dimaklumi.
Jangan lupa untuk Share dan Subscribe untuk mendapatkan hal terbaru dari kami.
Sekian dan Terimakasih.

Kata Kunci Terkait :