Senin, 06 September 2010

CARA MEMBUAT POP UP WINDOW

Salah satu cara untuk membuat blog kita menghasilkan uang adalah dengan memasang baner iklan sponsor.
Semakin banyak baner yang kita pasang maka semakin besar peluang untuk menghasilkan uang, untuk memasang banyak baner tentunya di perlukan ruang yang cukup luas.
Untuk itu saya akan sharing tentang cara membuat pop up window karena pop up window lumayan menghemat ruang dalam blog kita.

Berikut adalah caranya :

Demo File javascript-nya Sumber: javascriptkit
                        - popupwin.js

1. Pasang kode di bawah ini di dalam head HTML
Contoh :
<head>


Pasang kode disini

</head>

Kode-nya :
<script type="text/javascript" src="http://dfssdf.googlecode.com/files/popupwin.js"></script>


2. Pasang kode di bawah ini pada body HTML.
Contoh :
<Body>

Pasang kode  disini

</Body>

Kode-nya :
<a href="#" onClick="jkpopimage(' http://i823.photobucket.com/albums/zz154/faturahman74/SMILE.jpg ', 325, 445,''); return false">
POp up image</a>

3. Selesai
Keterangan :
- Klik kanan pada file javascript-nya lalu save dan upload ke hostingan kalian, untuk cara upload klik disini
- Ganti URL javascript yang berwarna orange dengan URL javascript yang telah kalian upload tadi.
- Ganti url yang berwarna biru dengan url gambar kamu.
- Angka 325 adalah lebar pop up yang akan muncul
- Angka 445 adalah tinggi pop up yang akan muncul
- Warna ungu merupakan teks yang akan di beri pop up

Semoga bermanfaat n happy bloging,jangan lupa komentarnya ya..

Tidak ada komentar :

Posting Komentar