Blogger Yukarı Çık Butonu Ekle

Blogger Yukarı Çık Butonu Ekle

Resimde de göründüğü gibi sağ alt köşede sabit şekilde duran ve sadece aşağı indiğinde görünen bir kod. Gayet kullanışlı. 

Aşağıdaki Kodu Gadget Oluşturarak yapabilirsiniz.

<!-- Link's code -->
<a href="http://guncellbilgiler.blogspot.com">Bloglama Zamani</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
#w2btoTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO_DWb4GFurylR-G6TmAGbwYV7qo16dlcJlrX2YJTsvbx13wInJcc15QLGKwEwTVOmIaBVhw6fKXYtPrsmGD54D5QSbFm_YfiszMVaVjZ8TqDAo1ejqk81ROFLbFFEdbOuEwPdNu5qmYo/s1600/uste-cik-buton.png) no-repeat left top;}
#w2btoTopHover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO_DWb4GFurylR-G6TmAGbwYV7qo16dlcJlrX2YJTsvbx13wInJcc15QLGKwEwTVOmIaBVhw6fKXYtPrsmGD54D5QSbFm_YfiszMVaVjZ8TqDAo1ejqk81ROFLbFFEdbOuEwPdNu5qmYo/s1600/uste-cik-buton.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#w2btoTop:active, #w2btoTop:focus {outline:none;}
</style><!-- bloglamazamani.blogspot.com -->
<script src="http://bloggerblogwidgets.googlecode.com/files/w2b_jquery.ui.totop.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ $().UItoTop({ easingType: 'easeOutCubic' }); });
</script>

Kodun önizlemesine buradan bakabilirsiniz