Cara Membuat Iklan Bergerak Mengikuti Layar dengan JQuery

Trik ini adalah salah satu cara agar iklan kita diklik orang disengaja ataupun tidak sengaja. Apa maksudnya tidak sengaja ... ? Begini, kira-kira waktu pengunjung sedang baca artikel iklan tersebut biasanyaa muncul apabila loading sudah selesai, begitu. Sebenarnya saya tidak pintar dalam hal membuat widget tambahan, tapi saya bisa meng-edit. Artikel ini pun adalah draft versi saya dari WwdQ. Kita mulai saja yah bagaimana cara membuat iklan bergerak mengikuti layar PC ...

1. Copy kode berikut dibawah ini

<style type="text/css">
#topbar {
position:absolute;
z-index: 100;
padding: 8px;
background: #eee;
background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9));
background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9)));
border: 1px solid #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: #600 0 2px 15px;
-moz-box-shadow: #600 0 2px 10px;
margin:0 auto 10px;
float:left;
color:rgba(0, 0, 0, 0.75);
font-size: 12px;
font-family: Verdana, serif;
text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
border:none;
}
#topbar .tombol {
margin:0;
padding-bottom:5px;
text-align:right;
}
#topbar .tombol button {
color:#FFFFFF;
border: solid 1px #494949;
margin:0;
padding:2px 15px;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #5f5f5f;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#454545));
background: -moz-linear-gradient(top, red, #454545);
}
#topbar .isi_iklan {
background-color:#FFFFFF;
margin:0;
padding:4px;
width: 468px;
border: 1px solid #999;
}
</style>
<script src="http://wwdq.googlecode.com/files/js_pop_up.js" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="tombol"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><button>Tutup</button></a></div>
<div class="isi_iklan">
<!-- Start code TTB (http://domain-blog-rijal.blogspot.com) -->

KODE PASTE HERE/DISINI

<!-- END code - TTB (http://domain-blog-rijal.blogspot.com) -->
</div>
</div>

untuk cara memasang kode HTML widget di sidebar pada blogger, baca disini
NB : ganti kalimat KODE PASTE HERE/DISINI dengan widget yang ingin tampil mengikuti layar

Semoga Bermanfaat Sob !!!

Copyright © Domain Blog Rijal All right reserved

Artikel Terkait