Cara Membuat Pop Up Window

Pop up window adalah sebuah tampilan yang biasanya banyak di gunakan untuk menarik pengunjung web atau blog kita. Jadi dengan kita membuat pop up dimungkinkan pengunjung kita akan bertambah dari sekian persen menjadi sekian persen..loh...heeeee.. Langsung saja begini ceritanya, perhatikan baik-baik :




<style type="text/css">
#gb{
position:fixed;
top:450px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:30px;
width:960px;
float:center;
cursor:pointer;
background:url('') no-repeat;
}
.gbcontent{
float:center;
border:1px solid #red;
background:#000000;
padding:1px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 125-w) : moveGB(125-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">


<div class="gbcontent">

MASUKAN SEMBARANG TEKS ATAU SKRIP DI SINI

<div style="text-align:right" >
<a href="javascript:showHideGB()"><font color="red">
Tutup (x)</font>
</a></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.down = (125-gb.offsetWidth).toString() + "px";
</script></div>

Copy paste skrip diatas dengan cara menambahkan gadget pada halaman blog anda (Tambah Gadget) terus pilih HTML/Javascript. dan terakhir paste skrip diatas tadi
Oke...Selamat mencoba

Komentar :

ada 1
chandra mengatakan...
pada hari 

padahal sempet hilang

Posting Komentar