Προσθήκη Ομαλή Scroll to Top Button με Jquery στο Blogger / Blogspot





Εδώ έχουμε ένα Scroll το Top Button το οποιο με το πάτημα του σε μεταφέρει στην αρχή της σελίδας ομαλά.

Αφού βρείτε το </head> πριν αυτό κάντε επικόλληση τον παρακάτω κώδικα.



<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/AVvXsEjRvk9BVzGAthyqDt56fiFJOl2KfOSpznEoyL5Xg4n47PZAryVV2Zxb2XD_jki4elnf6ITUT9Zyy6IVZ8G_SDRMQYDyc40On-PrrqaLOid2EhFJ0Y3iLuUcr_6PQIvPytrZ6Dp50fAU1M8O/) no-repeat left top;}
#w2btoTopHover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRvk9BVzGAthyqDt56fiFJOl2KfOSpznEoyL5Xg4n47PZAryVV2Zxb2XD_jki4elnf6ITUT9Zyy6IVZ8G_SDRMQYDyc40On-PrrqaLOid2EhFJ0Y3iLuUcr_6PQIvPytrZ6Dp50fAU1M8O/) 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>
<script src="http://widgets.way2blogging.org/blogger-widgets/w2b-jquery.ui.totop.js" type="text/javascript"></script>
<script type="text/javascript">
/*<![CDATA[*/
;(function($){$().UItoTop({easingType:'easeOutCirc'});})(jQuery);
/*]]>*/
</script>


Και μετά αποθήκευση.

Σχόλια