Cara Membuat Iklan Melayang Di Pojok - Selain dengan membuat iklan melayang dengan tombol close atau iklan melayang di atas header, sobat juga bisa membuat iklan melayang di pojok blog untuk meningkatkan earning dari iklan.
Dengan membuat
Langsung saja, berikut ini
Tulisan yang berwarna merah (bottom-right) adalah nama (id) div yang sudah kita deklarasikan sebelumnya, sobat juga bisa merubah gambar tombol close untuk mempercantik iklan melayang di pojok ini sesuai dengan gambar yang sobat inginkan.
Semoga bermanfaat dan semoga juga dengan iklan melayang di pojok ini bisa meningkatkan earning sobat :)
Dengan membuat
iklan melayang di pojok blog
maka iklan tersebut tidak terlalu mengganggu pengunjung, apalagi jika di kasih opsi close.Langsung saja, berikut ini
cara membuat iklan melayang di pojok dengan tombol close
- Seperti biasa, login dulu ke blogger.
- Langkah selanjutnya adalah membuat css untuk iklan melayang di pojok blog ini.
- Copy paste kode berikut dan letakkan di atas kode
]]></b:skin>
pada template sobat#bottom-right {position:fixed;_position:absolute;top:0px; right:0px;
clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth);}
.gbcontent{
float:right;border:2px solid #ffffff;background:#ffffff;padding:10px;
} - Setelah membuat css untuk iklan melayang tersebut, langkah selanjutnya adalah memasang iklan, cari kode
</body>
dan letakkan kode berikut ini di atas kode</body>
:<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById("bottom-right");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("bottom-right").style.display = "none";
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir-100;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id='bottom-right'>
<div style='text-align:right'>
<a href='javascript: void(0)' onclick='showHideGB()'><img alt='close' border='0' height='13' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjttec-9Q6LI64WvwaZOwxahVnHEQDItxTCr5K37BHOG9ztJJWYIk74hyphenhyphenuFRMYx7vSljQlWHo7eYEwk6YXSX6fA0e7xMSYp1vEUJsgLl5vfGlV0DZ5pFATQIEXKZG7HstWAYIGtKJsplK4g/s200/close.png' title='Close' width='49'/></a>
</div>
Kode Iklan Yang Sudah Di Parse
</div> - Save dan lihat hasilnya.
Tulisan yang berwarna merah (bottom-right) adalah nama (id) div yang sudah kita deklarasikan sebelumnya, sobat juga bisa merubah gambar tombol close untuk mempercantik iklan melayang di pojok ini sesuai dengan gambar yang sobat inginkan.
Semoga bermanfaat dan semoga juga dengan iklan melayang di pojok ini bisa meningkatkan earning sobat :)
Title : Cara Membuat Iklan Melayang Di Pojok ► SEOer Mendem ►
URL : https://seomendem.blogspot.com/2012/02/cara-membuat-iklan-melayang-di-pojok.html
Jangan lupa untuk membagikan artikel Cara Membuat Iklan Melayang Di Pojok ini jika bermanfaat bagi sobat.
0 komentar | add komentar
Post a Comment
Note: Only a member of this blog may post a comment.