Sitemize Kayan Banner Ekleyelim

Bir duyurunuz, isteğiniz var ya da reklam yayınlamak ve ziyaretçinize bunu rahatsızlık vermeden göstermek istiyorsunuz. Bunu nasıl yapabiliriz ? Javascript ile bunu yapmak mümkün. Ancak çoğu yerde ya istemediğiniz tarzda ya da çalışmayan kodlarla karşılaşabilirsiniz.

Şahsen kullandığım kodları siz de şöyle kullanabilirsiniz.

Kullanmamız gereken Javascript kodumuz.

<head> etiketinden sonra kullanıyoruz.

<script type="text/javascript">// <![CDATA[
var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 10 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode &#038;& document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("duyuru").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("duyuru").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose &#038;& get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopleft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopleft()", 0);
}
ftlObj = ml("duyuru");
stayTopleft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
// ]]></script>

Şimdi görüntümüzü biraz kişiselleştirelim. Bunun için style belirliyoruz.
Style.css dosyasına

#duyuru{
position:absolute;
border: 0px solid black;
padding: 0px;
background-color: white;
width: 111px;
visibility: hidden;
z-index: 0;
}

Ekliyoruz.

Artık sayfamızda gösterelim kodumuzu.

</pre>
<div id="duyuru">Buraya göstermek istediğimiz kodu yazıyoruz.</div>
<pre>

Bu Javascript kodu göstermek istediğiniz nesneyi sayfanızın solunda gösteriyor. Kodda bulunan “left” alanlarını “right” olarak değiştirirseniz sayfanızın solunda gösterebilirsiniz.

İşte bu kadar. Kolay gelsin.

Kenan CANOL

Google sayfama göz atabilirsiniz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir