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 :
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
<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> |
Oke...Selamat mencoba
padahal sempet hilang