Mas Sehat | Blog Tentang Kesehatan | Mas Sehat ~ Blog Tentang Kesehatan | www.mas-sehat.com
» » » Script Menampilkan PopUp Window di Blogg

Script Menampilkan PopUp Window di Blogg

BLOGG TOOLS , SCRIPT BLOGG
10 September 2014
2 Komentar
Script Menampilkan PopUp Window di Blogg



PopUp Window banyak di gunakan situs-situs advertiser sepeti z*d guna menampilkan keterangan iklanya. Biasanya PopUp Window muncul ketika visitor mengeklik banner atau gambar. Berikut source kodenya:

<html>
<head>
<title> </title>
<script>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(“page” + id + ” = window.open(URL, ‘” + id + “‘,
‘toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=250,height=250,left =
304,top = 150.5′);”);
}
</script>
</head>
<body>
<a href=”javascript:popUp(‘popup.html’)”>popup</a>
</body>
</html>


Perhatikan pada tag : <a href=”javascript:popUp(‘popup.html’)”>popup</a>

Pada saat mouse mengklik kata : popup, javascript akan memanggil fungsi popUp() dengan membawa
link popup.html. Window popup akan muncul dengan menampilan halaman popup.html. Karenanya kita
siapkan file popup.html,. Berikut source kodenya :

<html>
<head>
<title>popup</title>
</head>
<body>
Halaman PopUp
</body>
</html>

Kita dapat mengatur properties dari window popup yang akan dimunculkan dengan mengatur setting
properties pada fungsi popup(). Standar window popup yg sering digunakan adalah men-setting semua
properties menjadi 0 (disable), kecuali ukuran width untuk lebar popup & height untuk tinggi popup.
Semua setting tersebut dapat kita atur sesuai kebutuhan.

CARA MEMASANG SCRIPTNYA :


  1. Login ke akun Blogger sobat.
  2. Masuk ke bagian Tata Letak.
  3. Klik tambahkan gadget di posisi yang sobat inginkan.
  4. Pilih widget mode HTML/Javascript.
  5. Pilih daftar widget yang sobat sukai di bawah ini, kemudian copy script dari widget tersebut.


Semoga Bermanfaat !!!
Terima kasih telah membaca artikel tentang Script Menampilkan PopUp Window di Blogg di blog Hana Mangat™ jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Mas Sehat | Blog Tentang Kesehatan | Mas Sehat ~ Blog Tentang Kesehatan | www.mas-sehat.com

2 komentar