Klik Tambah Gadget
Pilih HTML/Javascript
Lalu masukan kode di bawah ini
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-pesan').animate({top:"530px"}, 1000, "easeOutBounce");
// hilangkan kotak pesan saat tombol (x) diklik
$('a.close').click(function() {
$(this).parent().slideUp(800, "easeOutBounce");
return truee;
});
});
</script>
<style>
#kotak-pesan{
position:fixed !important;
position:absolute; /* IE6 */
top:500px;
center:0%;
margin:0px 0px 0px 0px;
width:520px;
height:auto;
padding:0px;
background:#4169E1;
border:2px solid #fff;
font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
box-shadow:0px 1px 3px rgba(0,0,0,0.4);
}
#kotak-pesan a.close{
position:absolute;
top:-10px;
right:-10px;
background:#ff0000;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
</style>
<div id='kotak-pesan'>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">NEW UPDATE !! Copy Code dibawah Ini ( CTRL + C )</span>
<div align="center">
<form name="Lutfi TV">
<textarea cols="55" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="100" style="height: 75px; width: 480px;">
<center><div style=" font: 11px Arial,Serif; height: auto; overflow: auto; padding: 0px; width: auto;">
<iframe frameborder="0" height="650" id="Player" marginheight="0" marginwidth="0" name="Player" scrolling="no" src="http://LUTFITV.blogspot.com/" width="530"></iframe></div></center></textarea></form></div>
<a class='close' href='#'>×</a>
</div>
Keterangan
Tinggalkan Tulisan yang berwarna merah jika di blog kita sudah ada jquery tersebut.
Tulisan yang berwarna biru adalah code/script iklan yang akan kita pasang.
Tulisan yang berwarna pink adalah tinggi posisi iklan popup.
Tulisan yang berwarna hijau adalah warna background.
sesuaikan sesuka hati kita.
semoga cara Membuat Ads Popup Dengan Efek Jquery ini bermanfaat untuk kita semua.