Menampilkan Pop-Up pada website

Written By batikbumi on 21 Jun 2012 | 04.24

tutorial website
Pop-up dapat menjadi tempat promosi yang efektif, jika digunakan secara bijaksana, tapi jika penggunaannya terlalu berlebihan atau konten yang tampil pada pop-up kurang tepat, maka bisa jadi pop-up tersebut akan menjadi boomerang yang akan menurunkan profesionalitas website anda, karena pop-up biasanya akan mengganggu kenyamanan pengunjung website anda.
Pop-up biasanya digunakan sebagai :
  1. Media promosi bagi website anda yang lain atau bisnis anda.
  2. Menampilkan informasi bagi pengunjung website.
  3. Menunjukkan kelebihan anda dll
Beberapa hal yang menjadi pertimbangan dalam mengaplikasikan pop-up untuk website anda:
  1. Buatlah pop-up yang menarik (animasi gambar bergerak bisa beformat gif)
  2. Buat kata-kata yang menarik dan tidak bertele-tele.
  3. Usahakan agar pop-up anda memiliki loading yang cepat, agar pengunjung tidak keburu menutup pop-up sebelum pesan yang akan anda sampaikan melalui pop-up sampai kepada pengunjung website anda.
  4. Fokuskan target pop-up anda.
Berikut ini adalah code yang bisa anda gunakan untuk membuat pop-up yang akan muncul bersamaan dengan terbukanya website anda.

Masukkan script berikut diantara tag <head></head> pada dokumen HTML anda.

<script language="javascript">
<!-- Mulai
function popupWin() {
text="<html>\n<head>\n<title>Pop WIndow</title>\n<body>\n";
text +="<center>\n<br>";
text +="<a href='http://www.webAnda.com/index.html' target='_blank'><h2>disini isi web pop-up anda</h2></a>";
text +="</center>\n</body>\n</html>\n";
setTimeout('windowProp(text)', 0000); //ditunda 3 detik sebelum ditampilkan
}

function windowProp(text){
newWindow = window.open('','newWin','width=300,height=100');
newWindow.document.write(text);
setTimeout('closeWin(newWindow)', 100000); //ditunda 5 detik sebelum ditutup
}

function closeWindow(newWindow){
newWindow.close90;//tutup window pop-up
}
//akhir script -->
</script>

Kemudian pada bagian <body> anda tambahkan script berikut :

<body onload="popupWin()">

Selamat mencoba.

0 komentar:

Posting Komentar