Sabit Duran Aç/Kapat Reklam Alanı Kodu4 yorum var.

Sabit Duran Aç/Kapat Reklam Alanı Kodu

Bir çok sitede kullanılan alternatif reklam alanı olan , sayfanın sağında ve solunda sayfa kaydırılsa bile sabit duran Reklamı Göster / Reklamı Kapat özelliği bulunan reklam alanı kodlarını paylaşıyorum.Css ve Javascript ile
yaptığım için kayma,taşma,kasma gibi olaylar olmaz.

Öncelikle aşağıdaki kodları </head> kodunun üzerine veya gadget olarak ekliyoruz.

<script> var resimurl="<a href='reklamlinki'><img src='resimurl' /></a>"; //resimlinkini ve reklamlinkini burayada girmeniz gerekiyor.... function reklamikapat(){ var eleman= document.getElementById("sabitreklam"); eleman.innerHTML=" <button onclick="reklamiac();" name="Dugme" type="button" value="Reklami Kapat"> Reklamı Aç </button>"; } function reklamiac(){ var eleman= document.getElementById("sabitreklam"); eleman.innerHTML=" <button onclick="reklamikapat();" name="Dugme" type="button" value="Reklami Kapat"> Reklamı Kapat </button>"+resimurl; } </script> <style> #sabityanreklam { background:#b3b3b3; width:120px; height:auto; text-align:center; color:#999; border:1px dashed #f9f9f9; position:fixed; right:0px; top:80px; float:right; } #sabityanreklam img{ width:115px; height:468px; max-height:468px; max-width:115px;} </style>

Bu kodları ekledikden sonra içerisindeki   var resimurl="<a href='reklamlinki'><img src='resimurl' /></a>";  alanını düzenlememiz lazım.

Sonra </body> üzerine veya daha önce eklediğimiz gadget'in içerisine aşağıdaki kodları ekliyoruz gerekli yerlerini düzenledikden sonra kaydediyoruz.


<div id="sabityanreklam"> <div id="sabitreklam"> <button onclick="reklamikapat();" name="Dugme" type="button" value="Reklami Kapat"> Reklamı Kapat </button> <a href='reklamlinki'><img src='resimurl' /></a> </div> </div>