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 :
  • Cara Membuat PopUp Keren
  • Cara Membuat Pop Up Keren
  • Cara Membuat Pop Ups Keren
  • Cara Membuat PopUps Keren
  • Script Pop Up Keren
  • Pop Up Keren
  • Gimana Buat Pop Up Website
  • Pop Up Website
  • Website Pop Upp




PERLU DIKETAHUI


Iklan yang tampil pada halaman situs ini sepenuhnya sudah diatur oleh Pihak Google, kami hanya menyediakan tempat kosong khusus untuk iklan dari Google. Maka, apabila ada iklan yang dirasa kurang baik bagi anda sehingga tidak seharusnya ditampilkan, harap segera menginformasikan hal tersebut kepada kami dengan melalui Formulir Kontak yang ada di bagian bawah sendiri pada situs ini. Kemudian, kami akan segera menyampaikannya pada pihak Google terkait masalah tersebut.
Laporan dapat anda sertakan lampiran :
  • Nama Iklan
  • Alamat Screenshoot(Gambar) Iklan


Load Disqus Comments Hide Disqus Comments