Cara Membuat & Memasang Pop-Up Windows di Blog

Cara Membuat & Memasang Pop-Up Windows di Blog - Pada kebanyakan blog atau beberapa website sering ditemui muncul sebuah jendela tampilan yang muncul secara tiba-tiba, baik muncul dari atas, dari tengah, samping atau bawah dari sebuah halaman blog atau website, dan itulah yang dinamakan POP-UP. Pop up tidak hanya terdiri dari satu jenis atau satu macam saja, dan menurut hasil pencarian yang saya temukan di Google, Pop-up terdiri dari 2 macam yaitu Pop-Up Untuk Iklan dan Pop-Up Untuk Windows

Pop-Up Untuk Iklan atau Pop-Up Untuk Windows sebenarnya memiliki fungsi yang sama yaitu sebagai jendela atau halaman munculan yang digunakan untuk tujuan tertentu. Untuk pengertian lengkap antara kedua popup tersebut, silahkan browsing di Google. Dan pada artikel ini, saya hanya menjelaskan Cara Membuat & Memasang Pop-Up Windows di Blog karena hanya popup jenis inilah yang terlihat lebih menarik jika dipasang di blog. Namun tidak menutupi kemungkinan suatu saat saya juga akan membuat artikel tentang pop-up iklan

Lalu bagaimana dengan tooltips? Tooltips dan Pop-up tentu berbeda meskipun secara fungsi memiliki kesamaan yaitu sama-sama menyembunyikan objek, namun untuk penerapannya tentulah berbeda. Dan untuk mengetahui perbedaannya, silahkan baca artikel di Memunculkan pesan melayang saat disorot mouse

Untuk membuat dan memasang pop-up Windows di blog ini tidak diperlukan tidak diperlukan kode css, tapi cukup memasang kode script kedalam template blog

<script type="text/Javascript">
//<![CDATA[
function popup_window(url,w,h){
var width=w;
var height=h;
var from_top=150;
var from_left=250;
var toolbar='no'; 
var location='no';
var directories='no';
var status='no';
var menubar='no';
var scrollbars='yes';
var resizable='yes';
var atts='width='+width+'show,height='+height+',top='+from_top+',screenY=';
atts+= from_top+',left='+from_left+',screenX='+from_left+',toolbar='+toolbar;
atts+=',location='+location+',directories='+directories+',status='+status;
atts+=',menubar='+menubar+',scrollbars='+scrollbars+',resizable='+resizable;
window.open(url,'win_name',atts);
}
//]]>
</script>

Jika sobat ingin memasang demonya berupa LINK, silahkan salin kode berikut kedalam halaman artikel blog atau dimanapun letak yang sobat inginkan

<a href="javascript: popup_window('http://www.all-trick-blogs.com',550,400)">KLIK DEMO LINK DISINI</a>

Jika sobat ingin memasang demonya berupaGAMBAR, silahkan salin kode berikut kedalam halaman artikel blog atau dimanapun letak yang sobat inginkan

<a href="javascript: popup_window('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEite0UkBzuJ1DfHQLqoTGQQTXU5_z4mhFf7PIg13vgRoMbQIqagGYxZ8PnPPDZSWntbFy1tVM8Ax468REnyfL9R_BzCU3GJKkXkm1peGIrU2xie42QHlWU6DijFDd7lh0CAfp8geUkT3Cc/s1600/pop-up-windows-blog.png',550,400)">KLIK DEMO GAMBAR DISINI</a>

KETERANGAN:
Ganti kode warna merah sesuai dengan link blog atau link gambar
500 = Ukuran lebar tampilan pop-up
400 = Ukuran tinggi tampilan pop-up

Ada 2 Demo yang saya tampilkan
Demo Link KLIK DEMO LINK DISINI
Demo Gambar KLIK DEMO GAMBAR DISINI

Bagaimana tertarik untuk memasang pop up windows diatas kedalam blog sobat? Silahkan dan tidak perlu kuatir akan penggunaan kode script karena tidak akan mempengaruhi loading blog sobat. Dan terimakasih telah membaca artikel ini, Cara Membuat & Memasang Pop-Up Windows di Blog