Öncelikle vereceğim kodu Blogger Html'yi açıp "b:skin" aratıyorsunuz. Hemen altına aşağıdaki kodu yapıştırın:
/* -- Back To Top --*/
#backtop { cursor:pointer; position:fixed !important; position:absolute; left:50%; bottom:-70px; z-index:999; background-color:#888; border:1px solid #333; -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; width:35px; height:50px; overflow:hidden; text-indent:-999px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px }
#backtop::after { content:" " ; position:absolute; top:7px; left:10px; width:0; height:0; border-width:10px 7px; border-style:solid; border-color:transparent transparent #f7f7f7 transparent }
Sonra en sonda olan
</body>
</html>
kodunu bulun hemen üstüne şu kodları yapıştırın:
<!-- Wrapper Closed --> | |
<div id='backtop'>Back to Top</div> | |
<script type='text/javascript'> | |
//<![CDATA[ | |
$(window).scroll(function(){if($(this).scrollTop()>100){$("#backtop").removeAttr("href");$("#backtop").stop().animate({bottom:"-3",right:"0"},{duration:800,queue:false})}else{$("#backtop").stop().animate({bottom:"-50",right:"0"},{duration:1000,queue:false})}});$(function(){$("#backtop").click(function(){$("html, body").animate({scrollTop:0},"slow");return false})}); | |
//]]> | |
</script> |
bu kadar
demo aşağıda:-)))
Back to Top
0 yorum