Öncelikle stilimizi oluşturuyoruz:
<style>
#arkaplan {
position: absolute;
top: 0px;
left: 800px;
width: 60px;
height: 60px;
cursor: pointer;
}
</style>
Daha sonra sitemizde nerede gözükeceğinizi ayarlıyoruz:
<style>
body {background: url('http://sitenizinadi.com/banner/reklambuyuk.jpg') no-repeat fixed; };
</style>
<div id="arkaplan" onClick="window.open('http://sitenizinadi.com, 'Reklam', '');" ></div>
Ve son olarak javascipt kodumuz ile sitede banner linkinin nasıl konumlanacağını ayarlıyoruz:
<script>
function arkaplanreklam()
{
tDiv = document.getElementById('arkaplan').style;
tDiv.width = (document.body.clientWidth - 800) + "px";
tDiv.height = document.body.clientHeight + "px";
tDiv.top= document.body.scrollTop;
}
arkaplanreklam();
window.onresize = arkaplanreklam;
window.onscroll = arkaplanreklam;
</script>
Ve sitenizin sağ tarafında reklamınız yer alacaktır.
Bu kodu sitenizin en alt kısmına yerleştirebilirsiniz.
Ancak bannerinizin sitenizle uyumlu olmasını istiyorsanız haber sitelerindeki arkaplan bannerlerini farklı kaydedip nasıl çalışma yaptıklarını görebilirsiniz.
Kolay gelsin.
