Koddostu

Belki bazı yabancı sitelerde karşılaşmış olabilirsiniz. Farenizi siteyi kapatmak için sekmeye doğru götürdüğünüzde size, yani sayfayı kapatmak isteyen kullanıcıya bir mesaj görünür. Burada özelleştirilemeyen ve hiçbir şekilde müdahale edilemeyen "Sayfayı kapatmak istediğinize emin misiniz?" uyarısından bahsetmiyoruz.

Aşağıdaki kodu sitenize ekleyerek, ziyaretçileriniz sayfayı terk etmeden hemen önce "Bir dakika!" penceresi gösterebilirsiniz. Tamamen koddostu.com tarafından kodlanmış bu html modal pencere kodunda ziyaretçi facebook sayfası beğendirmeye veya ana sayfayı ziyaret etmeye teşvik ediliyor. Siz dilerseniz, bu kısımları kod içerisinde bulup arzu ettiğiniz şekilde düzenleyebilirsiniz.

Kodun 7. satırında, pencere başlığını düzenleyebilirsiniz.

9. satırından itibaren pencere mesajını düzenleyebilirsiniz. Buraya dilerseniz başka basit html ve javascript kodlar eklemeniz de mümkün (beğen butonu, linkler, resimler vesaire).

17 ve 18 numaralı satırlarda ise düğmelerin linklerini göreceksiniz. bu linkleri kendi istediğiniz linklerle değiştirebilirsiniz.

<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Siteden Çıkan Kullanıcıya Pencere Gösterme Kodu-->
<div id="koddostu-com-sayfa-terk-holder">
<div id="kcsthp">
<a id="kapatacakbrs" onclick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);">x</a>
<a id="brsny" class="telif-materyali">Bir Saniye!</a>
<p>
Siteyi terk edecek gibi görünüyorsun.<br/><br/>

Yeni yayınlardan haberdar olmak için facebook
sayfamızı takip etmek isteyebilirsin.<br/><br/>

İlgini çekebilecek birkaç şey daha var.
Hemen göz atmak için anasayfa'ya uğrayabilirsin: 
</p>
<a target="_blank" href="http://www.facebook.com/koddostu" class="gcdbbtn">Facebook'a Git</a>
<a href="http://www.koddostu.com/" class="gcdbbtn">Anasayfa'ya Git</a>
</div>
</div>

<style> #koddostu-com-sayfa-terk-holder{ position:fixed;display:none;top:0;left:0; width:100%;height:100%; background-color:rgba(0,0,0,0.3); text-align:center; } #kcsthp{position:absolute;width:95%;max-width:450px; margin:0 auto; border-radius:3px; -webkit-border-radius:3px; transform: translateY(-52%); -ms-transform: translateY(-52%); -webkit-transform: translateY(-52%); background:#fff;top:50%;left:0;right:0; -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2); box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2); padding:16px;overflow:hidden; } #brsny{font-size:32px;display:block;text-align:center;text-decoration:none !important; font-weight:normal;color:#333; font-family:Arial, sans-serif; } #kapatacakbrs{position:absolute;top:0;right:0;display:block;width:32px;height:32px; font-size:24px;line-height:32px; padding:8px; font-weight:normal;font-family:Verdana, Geneva, sans-serif; color:#444; } #kapatacakbrs:hover{ cursor:pointer; background:#eee; } #kcsthp p{margin:24px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:16px;color:#444;font-weight:normal;text-align:left; } .gcdbbtn{ display:inline-block;margin:16px 4px 0 4px; padding:7px 12px; font-weight:normal; color:#555; font-size:16px; line-height:22px; text-transform:uppercase !important; text-decoration:none !important;font-family:Arial, Helvetica, sans-serif; font-size:14px;font-weight:bold;text-align:left; border-radius:3px; -webkit-border-radius:3px; } .gcdbbtn:hover{ background:rgba(50,50,50,0.1); } </style>

<script type="text/javascript">
function getScrollTop(){
    if(typeof pageYOffset!= 'undefined'){
        return pageYOffset;
    }
    else{
        var B= document.body;
        var D= document.documentElement;
        D= (D.clientHeight)? D: B;
        return D.scrollTop;
    }
}
function addEvent(obj, evt, fn) {
    if (obj.addEventListener) {
        obj.addEventListener(evt, fn, false);
    }
    else if (obj.attachEvent) {
        obj.attachEvent("on" + evt, fn);
    }
}
addEvent(window,"load",function(e) {
    addEvent(document, "mouseout", function(e) {
        e = e ? e : window.event;
        var from = e.relatedTarget || e.toElement;
        if (!from || from.nodeName == "HTML") {
var top = e.offsetY - getScrollTop();
if(top <= 0){
    document.getElementById('koddostu-com-sayfa-terk-holder').style.display='block';
    }
}
    });
});
</script>
<script src="https://www.koddostu.com/duzelt.js?no=318"></script>