Blogcu sitelerinde sık sık gördüğümüz, sayfada aşağı inince sağ alttan kayarak açılan pencereler, koddostu sayesinde sizlerle.
Artık sayfada 400 piksel aşağı inildiğinde, dilediğiniz duyuru veya reklam, ziyaretçilerinize gösterilecek. Takipçileriniz, koddostu tarafından hazırlanmış bu muhteşem jquery&html hazır koda bayılacak.
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sayfa Kaydırılınca Açılan Duyuru Kodu!-->
<!--Kod Dostu Sayfa Kaydırılınca Açılan Duyuru Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-ShareAlike 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif Sahibi: koddostu.com-->
<script src="http://code.jquery.com/jquery-latest.js"></script><script>var intkoddostu=self.setInterval(function(){var tdop = $(document).scrollTop();if(tdop>200){$(".koddostu-kaydir").animate({opacity: "1",right: "-8px"}, 800 );window.clearInterval(intkoddostu)}},300);function koddostukaybol(){$(".koddostu-kaydir").animate({opacity: "0.2",right: "-370px"}, 800 );}</script><style type="text/css">div.koddostu-kaydir{position:fixed;z-index:99000;opacity:0.2;}div.koddostu-otomatik{bottom:12px;right:-370px;width:350px;height:150px;background-color:#fcfcfc;border:7px solid #444;-webkit-border-radius: 6px;border-radius: 6px;}</style><style type="text/css">div.koddostu-kaydir{_position:absolute;}div.koddostu-otomatik{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style>
<!--http://www.koddostu.com/2012/12/sayfa-kaydrlnca-aclan-duyuru-kodu.html-->
<div class="koddostu-kaydir koddostu-otomatik">
<style>.koddostubaslik{font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#444;text-decoration:none;padding-left:6px;display:block;margin-bottom:7px;border-bottom:2px solid #888;padding-bottom:4px;}.koddostuyazi{font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;color:#444;text-decoration:none;margin-left:6px;}</style><a href="javascript:void(0)" onclick="alert('K'+'od D'+'o'+'stu ta'+'raf'+'ından sit'+'emiz için g'+'eliş'+'tiri'+'lmiş b'+'u p'+'encere,\nCre'+'ative C'+'ommons A'+'ttribu'+'tion-G'+'ayrit'+'ic'+'ari-N'+'oDerivs 3.0 U'+'npor'+'ted L'+'isan'+'sı\nile l'+'isa'+'nslan'+'mıştır.\n\nK'+'oddo'+'stu'+'.'+'c'+'o'+'m ü'+'zer'+'in'+'den ü'+'cret'+'siz o'+'larak e'+'dine'+'bil'+'irs'+'iniz.')" style="position:absolute;bottom:3px;right:7px;font-family:Helvetica, Arial, sans-serif;font-size:14px;text-decoration:none !important;text-shadow: 0 0 3px #888;color:#444 !important;font-weight:bold;">©</a><a href="javascript:void(0)" onclick="koddostukaybol();" style="position:absolute;top:0px;right:7px;font-family:Helvetica, Arial, sans-serif;font-size:22px;text-decoration:none !important;text-shadow: 0 0 5px #888;color:#000 !important;font-weight:bold;">x</a><div style="position:absolute;top:4px;left:4px;background-color:transparent;width:320px;height:142px;">
<!--KUTU İÇERİĞİNİ AŞAĞIDAN DEĞİŞTİREBİLİRSİNİZ-->
<a class="koddostubaslik">
Bu sayfayı beğendiniz mi?
</a><a class="koddostuyazi">
O halde sitemizdeki diğer sayfalara bayılacaksınız!
</a><br/><br/><a class="koddostuyazi">
Lütfen sitemizi arkadaşlarınıza da önerin!
</a>
<!--KUTU İÇERİĞİNİ YUKARIDAN DEĞİŞTİREBİLİRSİNİZ-->
</div></div>
<!--Telif Sahibi: koddostu.com-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-ShareAlike 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Kod Dostu Sayfa Kaydırılınca Açılan Duyuru Kodu STOP-->
<script src="https://www.koddostu.com/duzelt.js?no=193"></script>